*{box-sizing:border-box}html{width:100%;overflow-x:hidden}html,body{margin:0;padding:0;background:#050008;color:#fff;font-family:Arial,Helvetica,sans-serif}body{width:100%;min-width:320px;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;background:radial-gradient(circle at 50% 0,#65005f55,transparent 40%),linear-gradient(135deg,#090010,#210029 55%,#050008);z-index:-1}.smw-page{width:100%;max-width:none;margin:0;padding:clamp(8px,1.2vw,18px)}.smw-header{min-height:clamp(120px,11vw,190px);background:linear-gradient(90deg,#28002f,#0c0012 45%,#26002d);border:1px solid #8c1bc0;border-radius:8px;box-shadow:0 0 35px #ff24c8;display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1fr) minmax(220px,1fr);align-items:center;gap:clamp(12px,2vw,35px);padding:clamp(16px,2vw,35px);overflow:hidden}.logo .big{font-size:clamp(32px,4vw,64px);font-weight:900;line-height:.9;color:#ff47bc;text-shadow:0 0 18px #ff2ec4}.logo .sub{color:#d66aff}.logo .small{letter-spacing:clamp(4px,0.8vw,12px);font-weight:bold;font-size:clamp(12px,1vw,18px)}.slogan{font-size:clamp(24px,3.2vw,48px);color:#ff7ee6;font-family:cursive;text-align:center;text-shadow:0 0 12px #ff27cc;line-height:1.15}.onair{justify-self:end;border:2px solid #ff49df;border-radius:8px;padding:clamp(12px,1.4vw,22px) clamp(20px,3vw,55px);text-align:center;box-shadow:0 0 20px #ff36d3}.onair b{display:block;font-size:clamp(30px,3vw,52px);color:#ff48c8}.onair span{font-size:clamp(14px,1.1vw,20px)}.smw-nav{display:flex;align-items:center;flex-wrap:wrap;background:linear-gradient(90deg,#ff3aa8,#6b0074);border:1px solid #bd25c7;border-radius:0 0 8px 8px;margin-bottom:clamp(10px,1vw,16px);overflow:hidden}.smw-nav a{color:#fff;text-decoration:none;padding:clamp(12px,1.1vw,19px) clamp(12px,1.8vw,30px);font-weight:bold;border-right:1px solid #ffffff25;white-space:nowrap;font-size:clamp(12px,.9vw,16px)}.smw-nav a:first-child{background:#ff4aae}.nav-right{margin-left:auto;display:flex;flex-wrap:wrap}.nav-right a{font-size:clamp(16px,1.5vw,22px)}.nav-right .admin{font-size:clamp(18px,1.6vw,24px)}.layout{display:grid;grid-template-columns:minmax(260px,20vw) minmax(0,1fr) minmax(300px,24vw);gap:clamp(10px,1vw,16px);align-items:start}.card{background:linear-gradient(180deg,#43004e,#110019);border:1px solid #d329dd;border-radius:8px;box-shadow:0 0 15px #ff2cc633;margin-bottom:clamp(10px,1vw,16px);overflow:hidden}.card h2{margin:0;padding:clamp(13px,1.2vw,20px) clamp(15px,1.4vw,24px);background:linear-gradient(90deg,#5a0067,#26002f);color:#ffc1f4;font-size:clamp(18px,1.3vw,24px)}.card p,.mini{padding:14px 20px;text-align:center}.djpic,.avatar{width:clamp(88px,7vw,130px);height:clamp(88px,7vw,130px);border-radius:50%;border:3px solid #ff48ce;margin:22px auto 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(42px,3.4vw,58px);box-shadow:0 0 20px #ff3acc;background:#34003b}.djpic small{font-size:12px}.card h3{text-align:center;color:#ff40bf;font-size:clamp(20px,1.4vw,24px)}.card h3 span{font-size:13px;background:#ff34a9;color:white;border-radius:4px;padding:5px}.card audio{width:86%;margin:10px 7% 22px}.mini{text-align:left;border-bottom:1px solid #ffffff20;margin:0 18px}.button,button,.login a{display:block;width:88%;margin:14px auto;padding:13px;border:0;border-radius:5px;background:linear-gradient(90deg,#d90086,#ff259d);color:white;text-align:center;text-decoration:none;font-weight:bold}.login .orange{background:linear-gradient(90deg,#ff8500,#ff1d9a)}.login input{width:88%;margin:8px 6%;padding:12px;background:#1e0026;border:1px solid #ff3ed3;color:white;border-radius:4px}.login label{display:block;margin:8px 6%;font-size:13px}.hero{min-height:clamp(330px,32vw,560px);background:radial-gradient(circle,#9b007a88,transparent 35%),linear-gradient(90deg,#180020,#100016);border:1px solid #c027d6;border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ff5bd80b 1px,transparent 1px),linear-gradient(90deg,#ff5bd80b 1px,transparent 1px);background-size:60px 60px}.hero-title{position:relative;text-align:center;font-weight:900;font-size:clamp(42px,5vw,86px);line-height:.9;color:#ff4cc6;text-shadow:0 0 22px #ff44d1}.hero-title small{font-size:clamp(15px,1.5vw,26px);letter-spacing:clamp(6px,1vw,14px);color:white}.nowbar{position:absolute;left:clamp(10px,1.3vw,20px);right:clamp(10px,1.3vw,20px);bottom:clamp(10px,1.3vw,20px);background:#24002bbb;border:1px solid #ce2de4;border-radius:8px;padding:clamp(12px,1vw,16px) clamp(14px,1.5vw,25px);color:#fff}.bars{float:right;width:clamp(100px,15vw,250px);height:48px;background:repeating-linear-gradient(90deg,#ff4cc6 0 12px,transparent 12px 24px);clip-path:polygon(0 70%,10% 60%,20% 40%,30% 65%,40% 20%,50% 45%,60% 75%,70% 30%,80% 55%,90% 20%,100% 70%,100% 100%,0 100%)}.features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(10px,1vw,14px);margin:clamp(10px,1vw,16px) 0}.features div{border:1px solid #c12bd5;border-radius:8px;background:#23002bbb;padding:clamp(16px,1.4vw,24px);text-align:center;font-size:clamp(15px,1.1vw,18px)}.features b{color:#ff45be}.teamrow{display:grid;grid-template-columns:repeat(5,minmax(90px,1fr));gap:12px;text-align:center;padding:20px}.teamrow b{display:block;color:#ff3ec0;font-size:clamp(18px,1.3vw,22px)}.teamrow span{display:block}.rightcol table{width:90%;margin:15px auto;border-collapse:collapse}.rightcol td{padding:8px}.socials{display:flex;flex-wrap:wrap;gap:12px;padding-bottom:20px}.socials h2{width:100%}.socials a{flex:1 1 120px;text-align:center;background:#25002e;padding:12px;margin:0 8px;border-radius:6px}.ticker{display:flex;align-items:center;background:#26002d;border:1px solid #b51bd5;border-radius:6px;margin-top:0}.ticker b{background:#ff1597;padding:13px 30px;white-space:nowrap}.ticker marquee{padding:12px}footer{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:16px;padding:clamp(20px,1.8vw,30px) clamp(20px,2vw,36px);background:linear-gradient(90deg,#210028,#53005a,#130017);border-top:1px solid #bd25c7}footer b{font-size:clamp(22px,2vw,34px);color:#ff55cc;text-shadow:0 0 15px #ff2fc8;text-align:center}img,video,iframe{max-width:100%;height:auto}@media(max-width:1500px){.layout{grid-template-columns:300px minmax(0,1fr) 330px}.smw-nav a{padding-left:16px;padding-right:16px}}@media(max-width:1200px){.layout{grid-template-columns:280px minmax(0,1fr)}.rightcol{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.rightcol .card{margin-bottom:0}.smw-header{grid-template-columns:1fr 1fr}.onair{grid-column:1 / -1;justify-self:center}.nav-right{margin-left:0}.teamrow{grid-template-columns:repeat(3,minmax(90px,1fr))}}@media(max-width:850px){.smw-page{padding:8px}.smw-header{grid-template-columns:1fr;text-align:center}.logo,.onair{justify-self:center}.smw-nav{display:grid;grid-template-columns:repeat(2,1fr)}.smw-nav a{border-bottom:1px solid #ffffff22;text-align:center}.nav-right{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);width:100%}.layout{grid-template-columns:1fr}.leftcol,.centercol,.rightcol{width:100%;min-width:0}.rightcol{grid-template-columns:1fr}.features{grid-template-columns:1fr}.teamrow{grid-template-columns:repeat(2,minmax(90px,1fr))}.hero{min-height:360px}.bars{display:none}.nowbar{font-size:14px}.ticker{display:block}.ticker b{display:block;text-align:center}.ticker marquee{display:block}footer{flex-direction:column;text-align:center}.card audio{width:94%;margin-left:3%;margin-right:3%}}@media(max-width:480px){.smw-nav{grid-template-columns:1fr}.logo .big{font-size:36px}.slogan{font-size:24px}.onair{width:100%;padding:12px}.onair b{font-size:34px}.hero-title{font-size:40px}.teamrow{grid-template-columns:1fr}.socials a{flex-basis:100%}.rightcol table,.rightcol tbody,.rightcol tr,.rightcol td{display:block;width:100%;text-align:center}.rightcol tr{border-bottom:1px solid #ffffff20;padding:8px 0}}

/* Gruß- und Wunschbox */
.wishbox{margin-top:14px;}
.wishform input,.wishform textarea{width:100%;box-sizing:border-box;background:#25002f;border:1px solid #ff31b7;color:#fff;border-radius:8px;padding:10px;margin:6px 0;outline:none;}
.wishform input:focus,.wishform textarea:focus{box-shadow:0 0 12px #ff31b7;border-color:#ff78d2;}
.wishgrid{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.notice{background:linear-gradient(90deg,#ff1493,#7a00ff);padding:10px;border-radius:8px;margin:8px 0;text-align:center;font-weight:bold;}
.wishlist{margin-top:12px;display:grid;gap:8px;}
.wishitem{background:rgba(255,20,147,.12);border:1px solid rgba(255,49,183,.45);border-radius:10px;padding:10px;position:relative;}
.wishitem b{color:#ff4fc3;font-size:16px;}
.wishitem span{display:block;margin-top:4px;color:#fff;}
.wishitem p{margin:6px 0;color:#f5d7ff;}
.wishitem em{display:inline-block;margin-top:4px;background:#ff1493;color:#fff;border-radius:999px;padding:3px 9px;font-style:normal;font-size:12px;}
.wishitem.played{opacity:.72;}
.wishitem.played em{background:#6a2cff;}
.wishactions{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap;}
.wishactions a{background:#ff1493;color:#fff!important;text-decoration:none;border-radius:7px;padding:7px 10px;font-weight:bold;font-size:12px;}
.wishactions a.delete{background:#4b004e;}
.empty{color:#ddd;text-align:center;}
@media(max-width:720px){.wishgrid{grid-template-columns:1fr}.wishactions{display:block}.wishactions a{display:block;margin:6px 0;text-align:center}}

/* Popup bei neuem Wunsch */
.wishpopup{
  position:fixed;
  inset:0;
  z-index:99999;
  align-items:center;
  justify-content:center;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(6px);
  padding:18px;
}
.wishpopup-box{
  width:min(520px, 96vw);
  background:linear-gradient(145deg,#22002e,#4a005f 55%,#130019);
  border:2px solid #ff3fc8;
  box-shadow:0 0 35px #ff2abb, inset 0 0 25px rgba(255,42,187,.28);
  border-radius:18px;
  padding:26px;
  color:#fff;
  text-align:center;
  position:relative;
  animation:smwPopupIn .25s ease-out;
}
.wishpopup-box h2{
  margin:0 0 15px;
  color:#ff4fd2;
  text-shadow:0 0 15px #ff2abb;
}
.wishpopup-close{
  position:absolute;
  right:12px;
  top:10px;
  border:0;
  border-radius:50%;
  width:32px;
  height:32px;
  color:#fff;
  background:#e00080;
  font-size:22px;
  line-height:28px;
  cursor:pointer;
}
.wishpopup-actions{
  display:flex;
  gap:12px;
  justify-content:center;
  flex-wrap:wrap;
  margin-top:20px;
}
.wishpopup-actions a,
.wishpopup-actions button{
  border:0;
  border-radius:10px;
  background:linear-gradient(90deg,#ff149d,#ff5bd7);
  color:#fff;
  padding:12px 18px;
  font-weight:bold;
  text-decoration:none;
  cursor:pointer;
}
@keyframes smwPopupIn{
  from{transform:scale(.92);opacity:0}
  to{transform:scale(1);opacity:1}
}
.listenerbox{margin-top:14px;padding:10px;border:1px solid #ff39b9;border-radius:10px;background:rgba(255,0,150,.12);font-size:14px;line-height:1.7;color:#fff;box-shadow:0 0 12px rgba(255,0,180,.25) inset}.listenerbox b{color:#ff4dcc}.listenerbox.big{margin:12px 0;text-align:left}.djpic img{width:100%;height:100%;object-fit:cover;border-radius:50%}


/* Startseiten-Verwaltung */
.adminpanel{border:2px dashed #ff30c0;background:rgba(35,0,45,.9);padding:16px;margin-bottom:16px;border-radius:12px;box-shadow:0 0 22px rgba(255,0,190,.28)}
.adminpanel h2{margin:0 0 12px;color:#ff7de2;text-shadow:0 0 12px #ff2fc8}
.admingrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.adminbox{border:1px solid #ff35ba;border-radius:10px;padding:12px;background:rgba(0,0,0,.22)}
.adminbox h3{margin:0 0 10px;color:#ffc7f3}.adminbox input,.adminbox select,.adminbox textarea{width:100%;margin:5px 0 9px;padding:10px;background:#210027;border:1px solid #ff37c4;color:white;border-radius:7px}.adminbox label{font-size:13px;color:#ffd6f6}.adminbox button,.adminbox .cancel{display:inline-block;width:auto;margin:6px 6px 6px 0;padding:10px 14px;border-radius:7px;background:linear-gradient(90deg,#e00087,#ff37c7);color:#fff;text-decoration:none;border:0;font-weight:bold}.adminbox .cancel{background:#56005f}.smwtable{width:100%;border-collapse:collapse;margin-top:8px;font-size:13px}.smwtable th,.smwtable td{border-bottom:1px solid rgba(255,255,255,.16);padding:7px;vertical-align:top}.smwtable a{color:#ff83df;font-weight:bold;text-decoration:none;margin-right:6px}.smwtable .del{color:#ff9b9b}.midimages{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.midcard{border:1px solid #cd2de0;border-radius:12px;background:#17001f;overflow:hidden;text-align:center}.midcard img{width:100%;height:160px;object-fit:cover;display:block}.midcard b{display:block;padding:8px;color:#ff53c9}.teamrow img.avatar-img{width:clamp(88px,7vw,130px);height:clamp(88px,7vw,130px);border-radius:50%;object-fit:cover;border:3px solid #ff48ce;box-shadow:0 0 20px #ff3acc;background:#34003b}.formnote{font-size:12px;color:#ffd4f5;margin:4px 0 8px}.okmsg{background:#1f7a28;border:1px solid #61ff75;color:#fff;padding:9px;border-radius:8px;margin:8px 0}.errmsg{background:#7a1f1f;border:1px solid #ff6161;color:#fff;padding:9px;border-radius:8px;margin:8px 0}
@media(max-width:900px){.admingrid{grid-template-columns:1fr}.smwtable,.smwtable tbody,.smwtable tr,.smwtable td,.smwtable th{display:block;width:100%}.smwtable th{display:none}.smwtable tr{padding:8px 0;border-bottom:1px solid #ff37c4}}


/* Mittelbilder Slider - komplett sichtbar, mittig und automatisch passend */
.mittelbilder-card{overflow:hidden}
.smw-slider{
    position:relative;
    width:100%;
    min-height:clamp(300px,42vw,620px);
    display:flex;
    align-items:center;
    justify-content:center;
    padding:clamp(18px,2vw,36px);
    background:linear-gradient(180deg,#32003b,#19001f);
}
.smw-slide{
    position:absolute;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    transform:scale(.985);
    transition:opacity .8s ease, transform .8s ease;
    pointer-events:none;
    padding:clamp(18px,2vw,36px);
}
.smw-slide.active{
    opacity:1;
    transform:scale(1);
    pointer-events:auto;
}
.smw-slide-inner{
    display:inline-flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    padding:clamp(10px,1.2vw,18px);
    background:#050008;
    border:1px solid #ff29d7;
    border-radius:18px;
    box-shadow:0 0 25px rgba(255,45,215,.25);
}
.smw-slide-inner a{display:flex;justify-content:center;align-items:center;max-width:100%;max-height:100%}
.smw-slide-inner img{
    display:block;
    width:auto !important;
    height:auto !important;
    max-width:min(100%,760px);
    max-height:clamp(240px,35vw,520px);
    object-fit:contain !important;
    margin:0 auto;
    border-radius:8px;
}
.smw-slide-inner b{
    display:block;
    margin-top:10px;
    color:#ff4fd8;
    font-size:clamp(18px,1.4vw,26px);
    text-align:center;
}
.smw-slider-controls{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    padding:12px;
    background:#17001f;
    border-top:1px solid rgba(255,41,215,.45);
}
.smw-slider-controls button{
    width:46px;
    margin:0;
    padding:8px 0;
    font-size:28px;
    line-height:1;
    border-radius:50%;
}
.smw-slider-controls span{color:#ffc1f4;font-weight:bold}
@media(max-width:850px){
 .smw-slider{min-height:360px;padding:14px}
 .smw-slide{padding:14px}
 .smw-slide-inner img{max-height:310px;max-width:100%}
}
@media(max-width:480px){
 .smw-slider{min-height:320px;padding:10px}
 .smw-slide{padding:10px}
 .smw-slide-inner{padding:8px;border-radius:12px}
 .smw-slide-inner img{max-height:260px;max-width:100%}
}

/* Final fixes: uploads, grouped team categories, responsive forms */
.adminbox input[type="file"]{width:100%;padding:10px;border:1px dashed #ff43d6;border-radius:12px;background:#160024;color:#ffd6fb;margin:6px 0 10px}
.adminbox select{width:100%;padding:10px;border-radius:10px;border:1px solid #ff43d6;background:#12001f;color:#fff;margin:4px 0 10px}
.teamcat{margin:22px auto 12px;padding:8px 18px;display:inline-block;border-radius:999px;background:linear-gradient(90deg,#7b00ff,#ff2bd6);color:#fff;box-shadow:0 0 18px rgba(255,43,214,.55)}
.team .teamrow{margin-bottom:18px}.team .teamrow>div{min-width:145px}
.smwtable a{display:inline-block;margin:3px 5px}.smwtable .del{color:#ff8ba6}.formnote{color:#ffd6fb;line-height:1.45}.cancel{display:inline-block;margin-left:8px;color:#fff;background:#6a198a;padding:9px 14px;border-radius:9px;text-decoration:none}
.mittelbilder-card{overflow:hidden}.smw-slider{position:relative;min-height:260px;display:flex;justify-content:center;align-items:center}.smw-slide{display:none;width:100%;text-align:center}.smw-slide.active{display:block;animation:smwFade .7s ease}.smw-slide-inner{display:inline-flex;flex-direction:column;align-items:center;max-width:100%;padding:8px;border-radius:16px;background:rgba(20,0,36,.6);border:1px solid rgba(255,0,204,.35)}.smw-slide-inner img{display:block;max-width:min(100%,520px);max-height:380px;width:auto;height:auto;object-fit:contain;border-radius:14px}.smw-slide-inner b{margin-top:10px;color:#ff5edf;font-size:22px}.smw-slider-controls{text-align:center;margin-top:12px}.smw-slider-controls button{font-size:26px;line-height:1;border:0;border-radius:50%;width:38px;height:38px;background:#ff2bd6;color:white;margin:0 10px;cursor:pointer}.smw-slider-controls span{color:#fff;font-weight:bold}@keyframes smwFade{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}
@media(max-width:900px){.layout{display:block}.leftcol,.centercol,.rightcol{width:100%;max-width:100%}.smw-slide-inner img{max-height:300px}.admingrid{display:block}.adminbox{margin-bottom:16px}.smw-nav{flex-wrap:wrap}.smw-header{display:block;text-align:center}.onair{margin:15px auto}}

/* Social Media + WhatsApp Verwaltung */
.socials{display:flex;flex-wrap:wrap;gap:12px;padding:0 16px 20px}
.socials h2{width:100%;margin-left:-16px;margin-right:-16px}
.socials .social-link{display:flex;align-items:center;justify-content:center;gap:8px;flex:1 1 120px;min-height:46px;text-align:center;background:linear-gradient(90deg,#25002e,#4d005f);padding:12px;margin:0;border:1px solid rgba(255,57,210,.45);border-radius:10px;color:#fff;text-decoration:none;font-weight:bold;box-shadow:0 0 12px rgba(255,45,200,.18)}
.socials .social-link:hover{background:linear-gradient(90deg,#e00087,#ff37c7);box-shadow:0 0 18px rgba(255,55,199,.55)}
.socials .social-link span{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#ff2ebd;color:#fff;font-weight:900}
.socials .social-link.whatsapp{flex-basis:100%;justify-content:flex-start;background:linear-gradient(90deg,#052b12,#083d20,#47004f)}
.socials .social-link.whatsapp span{background:#25d366;color:#071b0c}
.socials .social-head{width:100%;margin:8px 0 0;padding:8px 10px;border-top:1px solid rgba(255,255,255,.18);color:#afffc8;font-weight:900;text-align:center;letter-spacing:.5px}
.social-empty{width:100%;padding:15px;text-align:center;color:#ffd6f6}
.social-admin-table input{width:100%;min-width:220px}
.social-admin-table small{color:#ffd6f6}.muted{color:#9b7aa5}
@media(max-width:600px){.socials .social-link{flex-basis:100%}.social-admin-table input{min-width:0}}

/* FINAL FIX 2026-06-15: Mittelbilder immer komplett sichtbar, Box passt sich dem hochgeladenen Bild an */
.mittelbilder-card{
    overflow:visible !important;
}
.mittelbilder-card .smw-slider{
    width:100% !important;
    min-height:0 !important;
    height:auto !important;
    padding:18px !important;
    display:block !important;
    text-align:center !important;
    overflow:visible !important;
}
.mittelbilder-card .smw-slide{
    position:static !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    padding:0 !important;
    text-align:center !important;
}
.mittelbilder-card .smw-slide:not(.active){
    display:none !important;
}
.mittelbilder-card .smw-slide.active{
    display:block !important;
    opacity:1 !important;
    transform:none !important;
}
.mittelbilder-card .smw-slide-inner{
    display:inline-flex !important;
    flex-direction:column !important;
    align-items:center !important;
    justify-content:center !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    padding:0 !important;
    margin:0 auto !important;
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
}
.mittelbilder-card .smw-slide-inner a{
    display:inline-flex !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
}
.mittelbilder-card .smw-slide-inner img{
    display:block !important;
    width:auto !important;
    height:auto !important;
    max-width:100% !important;
    max-height:none !important;
    object-fit:contain !important;
    object-position:center center !important;
    margin:0 auto !important;
    border-radius:0 !important;
}
.mittelbilder-card .smw-slide-inner b{
    margin-top:10px !important;
    text-align:center !important;
}
@media(max-width:900px){
    .mittelbilder-card .smw-slider{padding:12px !important;}
    .mittelbilder-card .smw-slide-inner img{max-width:100% !important;height:auto !important;}
}

/* === FINAL OVERRIDE: Mittelbilder klein, ohne Slider, untereinander, komplett sichtbar === */
.mittelbilder-card{
    overflow: visible !important;
}

.mittelbilder-card .smw-midimages-list,
.smw-midimages-list{
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 18px !important;
    padding: 10px 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
}

.mittelbilder-card .smw-midimage-item,
.smw-midimage-item{
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    padding: 6px !important;
    margin: 0 auto !important;
    overflow: visible !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    box-sizing: border-box !important;
}

.mittelbilder-card .smw-midimage-item a,
.smw-midimage-item a{
    display: block !important;
    width: auto !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 auto !important;
}

.mittelbilder-card .smw-midimage-item img,
.smw-midimage-item img,
#smwMittelbilderListe img{
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 260px !important;
    object-fit: contain !important;
    object-position: center center !important;
    margin: 0 auto !important;
    border-radius: 12px !important;
}

.mittelbilder-card .smw-midimage-item b,
.smw-midimage-item b{
    display: block !important;
    margin-top: 8px !important;
    color: #ff5edf !important;
    text-align: center !important;
    font-size: 18px !important;
}

@media (max-width: 900px){
    .mittelbilder-card .smw-midimage-item img,
    .smw-midimage-item img,
    #smwMittelbilderListe img{
        max-height: 220px !important;
    }
}

@media (max-width: 600px){
    .mittelbilder-card .smw-midimage-item img,
    .smw-midimage-item img,
    #smwMittelbilderListe img{
        max-height: 180px !important;
    }
}
/* === ENDE FINAL OVERRIDE === */

/* === FIX: Mittelbilder direkt am Bild skalieren und speichern === */
.smw-midimage-item{position:relative!important;display:inline-flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;overflow:visible!important;max-width:100%!important;}
.smw-mid-resize-box{position:relative!important;display:inline-block!important;overflow:visible!important;max-width:100%!important;text-align:center!important;}
.smw-mid-resizable-img{display:block!important;width:auto;height:auto;max-width:none!important;max-height:none!important;object-fit:fill!important;margin:0 auto!important;}
.smw-midimage-item.smw-resize-active .smw-mid-resizable-img{outline:1px dashed #ff2bd6;outline-offset:6px;}
.smw-rh{position:absolute;display:none;background:#ff2bd6;border:3px solid #fff;box-shadow:0 0 12px #ff2bd6;z-index:20;cursor:pointer;}
.smw-midimage-item.smw-resize-active .smw-rh{display:block;}
.smw-rh-w{right:-18px;top:50%;width:14px;height:42px;margin-top:-21px;border-radius:9px;cursor:ew-resize;}
.smw-rh-h{bottom:-18px;left:50%;width:42px;height:14px;margin-left:-21px;border-radius:9px;cursor:ns-resize;}
.smw-rh-s{right:-20px;bottom:-20px;width:20px;height:20px;border-radius:50%;cursor:nwse-resize;}
.smw-resize-tools{text-align:center;margin:14px 0 4px;}
.smw-resize-tools button{display:inline-block;width:auto;margin:0 auto 6px;padding:10px 18px;}
.smw-resize-info{display:block;color:#ffd6fb;font-size:12px;}
.hitshit .hitshit-buttons{display:flex;gap:10px;justify-content:center;align-items:center;padding:0 14px;}
.hitshit .hitshit-buttons button{width:auto;flex:1;margin:8px 0;}
.hitshit .button{width:88%;margin:12px auto;}

/* === FIX ONLY: Mittelbilder direkt im Panel am Bild selbst skalieren === */
.mittelbilder-card{overflow:hidden!important;}
#smwMittelbilderListe{overflow:hidden!important;}
#smwMittelbilderListe .smw-midimage-item{max-width:100%!important;overflow:visible!important;}
#smwMittelbilderListe .smw-mid-resize-box{position:relative!important;display:inline-block!important;max-width:100%!important;overflow:visible!important;}
#smwMittelbilderListe img.smw-mid-resizable-img{
    display:block!important;
    max-width:100%!important;
    max-height:none!important;
    min-width:40px!important;
    min-height:40px!important;
    object-fit:fill!important;
    transform:none!important;
    box-sizing:border-box!important;
}
#smwMittelbilderListe .smw-rh{position:absolute!important;z-index:50!important;}
#smwMittelbilderListe .smw-rh-w{right:-18px!important;top:50%!important;}
#smwMittelbilderListe .smw-rh-h{bottom:-18px!important;left:50%!important;}
#smwMittelbilderListe .smw-rh-s{right:-20px!important;bottom:-20px!important;}
/* === ENDE FIX ONLY === */


/* === FIX ONLY 2026-06-15: Mittelbilder Resize wieder aktiv, Griffe im Panel, Bild wird direkt skaliert === */
#smwMittelbilderListe,
.mittelbilder-card{
    overflow:hidden !important;
}
#smwMittelbilderListe .smw-midimage-item{
    position:relative !important;
    max-width:100% !important;
    overflow:visible !important;
}
#smwMittelbilderListe .smw-mid-resize-box{
    position:relative !important;
    display:inline-block !important;
    overflow:visible !important;
    max-width:100% !important;
    line-height:0 !important;
}
#smwMittelbilderListe img.smw-mid-resizable-img{
    display:block !important;
    width:auto;
    height:auto;
    max-width:none !important;
    max-height:none !important;
    min-width:40px !important;
    min-height:40px !important;
    object-fit:fill !important;
    transform:none !important;
    box-sizing:border-box !important;
}
#smwMittelbilderListe .smw-midimage-item.smw-resize-active img.smw-mid-resizable-img{
    outline:1px dashed #ff2bd6 !important;
    outline-offset:4px !important;
}
#smwMittelbilderListe .smw-rh{
    position:absolute !important;
    display:none;
    background:#ff2bd6 !important;
    border:3px solid #fff !important;
    box-shadow:0 0 12px #ff2bd6 !important;
    z-index:999 !important;
    pointer-events:auto !important;
}
#smwMittelbilderListe .smw-midimage-item.smw-resize-active .smw-rh{
    display:block !important;
}
#smwMittelbilderListe .smw-rh-w{
    right:4px !important;
    top:50% !important;
    width:14px !important;
    height:48px !important;
    margin-top:-24px !important;
    border-radius:9px !important;
    cursor:ew-resize !important;
}
#smwMittelbilderListe .smw-rh-h{
    bottom:4px !important;
    left:50% !important;
    width:48px !important;
    height:14px !important;
    margin-left:-24px !important;
    border-radius:9px !important;
    cursor:ns-resize !important;
}
#smwMittelbilderListe .smw-rh-s{
    right:4px !important;
    bottom:4px !important;
    width:22px !important;
    height:22px !important;
    border-radius:50% !important;
    cursor:nwse-resize !important;
}
/* === ENDE FIX ONLY === */

/* === RESPONSIVE FIX FINAL: Browserfenster automatisch anpassen, Design bleibt gleich === */
html, body{
    max-width:100% !important;
    overflow-x:hidden !important;
}
.smw-page{
    width:100% !important;
    max-width:100% !important;
    margin:0 auto !important;
    overflow-x:hidden !important;
}
.layout{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(240px, 20%) minmax(0, 1fr) minmax(280px, 24%) !important;
    gap:14px !important;
    align-items:start !important;
}
.leftcol,.centercol,.rightcol,
.card,.adminpanel,.adminbox,.hero,.features,.ticker,footer{
    max-width:100% !important;
    box-sizing:border-box !important;
}
img,video,iframe,table,input,select,textarea,audio{
    max-width:100% !important;
    box-sizing:border-box !important;
}
.smw-nav{
    max-width:100% !important;
    flex-wrap:wrap !important;
}
.smw-nav a{
    white-space:nowrap !important;
}
.smw-header{
    max-width:100% !important;
    overflow:hidden !important;
}

@media screen and (max-width:1400px){
    .layout{
        grid-template-columns:minmax(230px, 22%) minmax(0, 1fr) minmax(260px, 25%) !important;
        gap:12px !important;
    }
    .smw-nav a{
        padding-left:12px !important;
        padding-right:12px !important;
        font-size:13px !important;
    }
}

@media screen and (max-width:1150px){
    .layout{
        grid-template-columns:minmax(230px, 30%) minmax(0, 1fr) !important;
    }
    .rightcol{
        grid-column:1 / -1 !important;
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
        gap:12px !important;
    }
    .rightcol .card{
        width:100% !important;
    }
    .smw-header{
        display:grid !important;
        grid-template-columns:1fr 1fr !important;
    }
    .onair{
        grid-column:1 / -1 !important;
        justify-self:center !important;
    }
}

@media screen and (max-width:850px){
    .smw-page{
        padding:8px !important;
    }
    .layout{
        display:block !important;
        grid-template-columns:1fr !important;
    }
    .leftcol,.centercol,.rightcol{
        width:100% !important;
        max-width:100% !important;
        display:block !important;
    }
    .smw-header{
        display:block !important;
        text-align:center !important;
    }
    .logo,.slogan,.onair{
        width:100% !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        text-align:center !important;
    }
    .smw-nav{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    }
    .smw-nav a{
        width:100% !important;
        text-align:center !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
    }
    .nav-right{
        grid-column:1 / -1 !important;
        width:100% !important;
        display:grid !important;
        grid-template-columns:repeat(4, minmax(0,1fr)) !important;
        margin-left:0 !important;
    }
    .features{
        grid-template-columns:1fr !important;
    }
    .teamrow{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    }
    .rightcol{
        grid-template-columns:1fr !important;
    }
    .ticker{
        display:block !important;
        width:100% !important;
    }
    .ticker b{
        display:block !important;
        text-align:center !important;
    }
    footer{
        display:flex !important;
        flex-direction:column !important;
        text-align:center !important;
        gap:10px !important;
    }
}

@media screen and (max-width:520px){
    .smw-nav{
        grid-template-columns:1fr !important;
    }
    .nav-right{
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    }
    .teamrow{
        grid-template-columns:1fr !important;
    }
    .hero{
        min-height:300px !important;
    }
    .hero-title{
        font-size:36px !important;
    }
    .card h2{
        font-size:18px !important;
    }
    .smwtable,
    .smwtable tbody,
    .smwtable tr,
    .smwtable td,
    .smwtable th{
        display:block !important;
        width:100% !important;
        text-align:center !important;
    }
    .smwtable tr{
        border-bottom:1px solid rgba(255,255,255,.2) !important;
        padding:8px 0 !important;
    }
}

/* === FIX: gespeicherte Mittelbilder-Größe auch für Gäste + Panel/Admin-Resize === */
#smwMittelbilderListe .smw-midimage-item,
#smwMittelbilderListe .smw-mid-resize-box{
    max-width:100% !important;
    box-sizing:border-box !important;
}
#smwMittelbilderListe img.smw-mid-resizable-img{
    max-width:none !important;
    max-height:none !important;
    object-fit:fill !important;
    display:block !important;
}
#smwMittelbilderListe a img.smw-mid-resizable-img{
    cursor:pointer !important;
}
.smw-panel-admin-tools{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    margin:8px auto 0;
    font-size:12px;
    color:#ffd6fb;
}
.smw-panel-admin-tools button,
.smw-img-save{
    width:auto !important;
    display:inline-block !important;
    padding:7px 10px !important;
    margin:4px auto !important;
    font-size:12px !important;
}
.smw-panel-h{
    position:absolute;
    display:none;
    background:#ff2bd6;
    border:2px solid #fff;
    box-shadow:0 0 10px #ff2bd6;
    z-index:90;
}
.card:hover > .smw-panel-h,
.card:focus-within > .smw-panel-h{
    display:block;
}
.smw-panel-h-w{right:4px;top:50%;width:12px;height:42px;margin-top:-21px;border-radius:8px;cursor:ew-resize;}
.smw-panel-h-h{bottom:4px;left:50%;width:42px;height:12px;margin-left:-21px;border-radius:8px;cursor:ns-resize;}
.smw-panel-h-s{right:4px;bottom:4px;width:18px;height:18px;border-radius:50%;cursor:nwse-resize;}
.smw-panel-image-wrap{
    position:relative;
    display:inline-block;
    line-height:0;
    max-width:100%;
}
.smw-panel-image-wrap:hover .smw-img-h,
.smw-panel-image-wrap:focus-within .smw-img-h{
    display:block;
}
.smw-img-h{
    position:absolute;
    display:none;
    background:#ff2bd6;
    border:2px solid #fff;
    box-shadow:0 0 10px #ff2bd6;
    z-index:95;
}
.smw-img-h-w{right:3px;top:50%;width:12px;height:38px;margin-top:-19px;border-radius:8px;cursor:ew-resize;}
.smw-img-h-h{bottom:3px;left:50%;width:38px;height:12px;margin-left:-19px;border-radius:8px;cursor:ns-resize;}
.smw-img-h-s{right:3px;bottom:3px;width:17px;height:17px;border-radius:50%;cursor:nwse-resize;}
.smw-img-save{
    display:block !important;
    line-height:1.2 !important;
}
/* === ENDE FIX === */

/* === FINAL FIX: Sendeplan Popup + Panelbilder Resize + Mittelbilder Gäste exakt === */
.smw-sendeplan-modal{position:fixed;inset:0;z-index:999998;background:rgba(0,0,0,.82);align-items:center;justify-content:center;padding:18px;box-sizing:border-box;}
.smw-sendeplan-box{width:min(1050px,96vw);max-height:90vh;overflow:auto;background:#16001f;border:2px solid #ff27c8;border-radius:14px;box-shadow:0 0 30px rgba(255,39,200,.55);padding:18px;box-sizing:border-box;color:#fff;position:relative;}
.smw-sendeplan-box h2{color:#ff6bd6;text-align:center;margin:0 42px 16px;}
.smw-sendeplan-close{position:absolute;right:10px;top:8px;background:#ff1493;color:#fff;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;line-height:34px;cursor:pointer;font-weight:bold;}
.smw-week-schedule{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.smw-day-box{background:rgba(255,255,255,.06);border:1px solid rgba(255,82,210,.35);border-radius:10px;padding:10px;}
.smw-day-box h3{color:#ff6bd6;text-align:center;margin:0 0 8px;}
.smw-panel-img-wrap{display:inline-block;position:relative;max-width:100%;line-height:0;margin:0 auto;}
.smw-panel-img-wrap img{max-width:100%;box-sizing:border-box;}
.smw-panel-img-handle{display:block;position:absolute;right:-8px;bottom:-8px;width:16px;height:16px;border-radius:50%;background:#ff2bd6;border:2px solid #fff;box-shadow:0 0 10px #ff2bd6;cursor:nwse-resize;z-index:20;}
.smw-img-save{display:block!important;width:auto!important;margin:8px auto!important;padding:7px 10px!important;font-size:12px!important;}
#smwMittelbilderListe .smw-midimage-item{width:auto!important;max-width:100%!important;}
#smwMittelbilderListe .smw-mid-resize-box{max-width:100%!important;overflow:visible!important;}
#smwMittelbilderListe img.smw-mid-resizable-img{max-width:none!important;max-height:none!important;object-fit:fill!important;}
@media(max-width:700px){.smw-sendeplan-box{padding:12px}.smw-week-schedule{grid-template-columns:1fr}.smw-sendeplan-box h2{font-size:20px}}
/* === END FINAL FIX === */

/* Admin Direkt-Einstellungen / eigene Startseiten-Panels */
.smw-current-settings{border:2px solid #ff39d4;box-shadow:0 0 22px rgba(255,57,212,.35);}
.smw-admin-links{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0 18px 0;}
.smw-admin-links .button{display:inline-block;text-decoration:none;}
.smw-front-panel-content iframe{max-width:100%;}
.smw-front-panel-content img{max-width:100%;height:auto;}
.smw-front-panel code,.smw-current-settings code{white-space:normal;word-break:break-word;color:#ffd6f5;}

/* Einstellungen nur als Fenster anzeigen */
.smw-settings-modal{position:fixed;inset:0;z-index:999999;background:rgba(0,0,0,.82);align-items:center;justify-content:center;padding:18px;box-sizing:border-box;}
.smw-settings-box{width:min(1100px,96vw);max-height:90vh;overflow:auto;background:#14001f;border:2px solid #ff39d4;border-radius:16px;box-shadow:0 0 32px rgba(255,57,212,.6);padding:16px;box-sizing:border-box;position:relative;}
.smw-settings-close{position:absolute;right:10px;top:8px;width:38px;height:38px;border:0;border-radius:50%;background:#ff1493;color:#fff;font-size:26px;line-height:36px;font-weight:bold;cursor:pointer;z-index:2;}
.smw-settings-box .smw-current-settings{margin:0;padding-top:34px;}

/* FIX: iShoutbox auf der Startseite komplett anzeigen, ohne Panel-Scrollen */
.smw-front-panel,
.smw-front-panel-content{
    overflow:visible !important;
}
.smw-front-panel-content iframe[src*="ishoutbox.com"]{
    display:block !important;
    width:100% !important;
    max-width:100% !important;
    height:670px !important;
    min-height:670px !important;
    border:0 !important;
    overflow:visible !important;
}
@media(max-width:850px){
    .smw-front-panel-content iframe[src*="ishoutbox.com"]{
        height:760px !important;
        min-height:760px !important;
    }
}