Merch

Unser Merch-Bereich befindet sich derzeit im Aufbau. 

Schon bald findet ihr hier eine kleine Übersicht unserer aktuellen Fanartikel – von Trikots bis hin zu Schals und mehr.

Bitte beachtet: Eine direkte Bestellung über die Webseite ist aktuell noch nicht möglich – wir arbeiten aber bereits an einer Lösung, um euch den Einkauf so einfach wie möglich zu machen.

Vielen Dank für eure Geduld und eure Unterstützung!

Euer Stralsunder HV

Offizieller Ausruester

Mit freundlicher Unterstuetzung der

 Mit freundlicher Unterstützung der

/* (Optional) Desktop ausblenden */
@media (min-width:1024px){
.shv-mobile-nav{ display:none !important; }
body{ padding-bottom:0 !important; }
}
/* Platz für Bottom-Nav reservieren */
body{
padding-bottom: calc(64px + env(safe-area-inset-bottom,0px)) !important;
}
.shv-mobile-nav{
–h: 64px;
–white:#fff; –red1:#E10600; –red2:#C70500;
–font-display: „Anton“, system-ui, -apple-system, Segoe UI, Roboto, „Helvetica Neue“, Arial, sans-serif;
position: fixed; left:0; right:0; bottom:0; z-index: 999999;
display:grid; grid-template-columns: repeat(6,1fr);
align-items:center;
height: calc(var(–h) + env(safe-area-inset-bottom,0px));
padding-bottom: env(safe-area-inset-bottom,0px);
border-top: 1px solid rgba(255,255,255,.25);
box-shadow: 0 -4px 18px rgba(0,0,0,.25);
isolation: isolate;
/* Opaquer Background via Layer (fix für iOS) */
background: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
opacity: 1 !important;
}
.shv-mobile-nav::before{
content:““;
position:absolute; left:0; right:0; top:0;
bottom: calc(-1 * env(safe-area-inset-bottom,0px));
background: linear-gradient(115deg,var(–red1) 0%, var(–red2) 60%, var(–red1) 100%);
background-color: var(–red1);
z-index:0; pointer-events:none;
}
.shv-mobile-nav .nav-item{
position:relative; z-index:1;
appearance:none; background:none; border:0; cursor:pointer;
width:100%; height:100%; display:flex; flex-direction:column; gap:6px;
justify-content:center; align-items:center; text-decoration:none;
color: rgba(255,255,255,.9);
font-family: var(–font-display);
text-transform: uppercase; letter-spacing:.6px;
font-size:11px; line-height:1.1; padding:6px 4px 8px;
text-shadow: 0 1px 0 rgba(0,0,0,.25);
-webkit-tap-highlight-color: rgba(255,255,255,.2);
touch-action: manipulation;
}
.shv-mobile-nav .nav-item svg{
display:block; width:22px; height:22px;
stroke: currentColor; fill: none; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round;
filter: drop-shadow(0 1px 0 rgba(0,0,0,.25));
}
.shv-mobile-nav .nav-item:hover,
.shv-mobile-nav .nav-item.is-active{ color:#fff; }
.shv-mobile-nav .nav-item:focus-visible{
outline:2px solid rgba(255,255,255,.65); outline-offset:2px; border-radius:6px;
}
.shv-mobile-nav .nav-item.is-active::after{
content:““; position:absolute; top:0; width:28px; height:2px; background:#fff; border-radius:2px;
}
/* === Mehr-Menü: eigener opaker Layer + iOS-Fixes === */
.shv-mobile-nav .more-menu{
position:absolute;
bottom: calc(var(–h) + 8px + env(safe-area-inset-bottom,0px));
right:8px;
z-index: 1000002;
border:1px solid rgba(255,255,255,.25);
border-radius:12px;
box-shadow: 0 12px 32px rgba(0,0,0,.35);
padding:8px; min-width:220px;
/* alles, was Transparenz erzeugen könnte, ausschalten */
background: none !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
opacity: 1 !important;
/* eigener Paint-Context hilft Safari */
contain: paint;
transform: translateZ(0);
}
.shv-mobile-nav .more-menu::before{
content:““;
position:absolute; inset:0;
background: linear-gradient(115deg,var(–red1),var(–red2)) !important;
background-color: var(–red1) !important;
z-index:0; pointer-events:none;
border-radius:12px; /* folgt der Box */
}
.shv-mobile-nav .more-menu a{
position: relative; z-index: 1; /* über dem bg-layer */
display:block; padding:10px 12px; border-radius:8px;
color:#fff; text-decoration:none;
font-family: var(–font-display);
text-transform: uppercase; letter-spacing:.6px; font-size:12px; line-height:1.1;
text-shadow: 0 1px 0 rgba(0,0,0,.25);
outline:none;
}
.shv-mobile-nav .more-menu a:hover,
.shv-mobile-nav .more-menu a:focus-visible{ background: rgba(255,255,255,.12); }
/* Scroll-Lock wenn Menü offen */
body.menu-open{ overflow:hidden; overscroll-behavior: contain; }
/* === CTA-Style für Tickets (weißes Kärtchen) === */
.shv-mobile-nav .nav-item.cta{
color: var(–red1);
background: #fff;
border-radius: 12px;
padding: 8px 6px 10px;
margin: 0 4px;
box-shadow: 0 4px 14px rgba(0,0,0,.25), 0 0 0 1px rgba(0,0,0,.05) inset;
transform: translateY(-4px);
font-weight: 700;
transition: transform .15s ease, box-shadow .15s ease;
}
.shv-mobile-nav .nav-item.cta:hover{ box-shadow: 0 6px 18px rgba(0,0,0,.35); transform: translateY(-6px); }
.shv-mobile-nav .nav-item.cta.is-active::after{ display:none; }
@media (prefers-reduced-motion: reduce){
.shv-mobile-nav, .shv-mobile-nav *{ transition:none !important; animation:none !important; }
.shv-mobile-nav .nav-item.cta{ transform:none; }
}