[class*='cz_row_shape_'] .row:before,
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:before,
.elms_row [class*='cz_row_shape_']:after {
position: absolute;
content: '';
top: 0;
width: 138px;
height: 100%;
background: inherit;
z-index: 0
}
[class*='cz_row_shape_'] > .elms_row > .clr,
[class*='cz_row_shape_'] > .cz_elm {
z-index: 1
}
[class*='cz_row_shape_'] > [class*='cz_elm search_'] {
z-index: 2
}
[class*='cz_row_shape_'] .row:before,
.elms_row [class*='cz_row_shape_']:before {
left: 0;
border-radius: inherit;
border-bottom-right-radius: 0;
border-top-right-radius: 0
}
[class*='cz_row_shape_'] .row:after,
.elms_row [class*='cz_row_shape_']:after {
right: 0;
border-radius: inherit;
border-bottom-left-radius: 0;
border-top-left-radius: 0
}
.cz_row_shape_full_filled_left .row:before, 
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_left:before, 
.elms_row .cz_row_shape_full_filled_right:after {
width: 3000px !important;
transform: none;
transform: translateX(-96%) !important;
border-radius: 0
}
.cz_row_shape_no_left .row:before,
.cz_row_shape_no_right .row:after {
visibility: hidden;
opacity: 0
}
.cz_row_shape_full_filled_right .row:after,
.elms_row .cz_row_shape_full_filled_right:after {
transform: translateX(96%) !important
}
.cz_row_shape_1 .row:before,
.elms_row .cz_row_shape_1:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_1 .row:after,
.elms_row .cz_row_shape_1:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_2 .row:before,
.elms_row .cz_row_shape_2:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_2 .row:after,
.elms_row .cz_row_shape_2:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_3 .row:before,
.elms_row .cz_row_shape_3:before {
transform: translateX(-40%) skewX(-45deg)
}
.cz_row_shape_3 .row:after,
.elms_row .cz_row_shape_3:after {
transform: translateX(40%) skewX(-45deg)
}
.cz_row_shape_4 .row:before,
.elms_row .cz_row_shape_4:before {
transform: translateX(-40%) skewX(45deg)
}
.cz_row_shape_4 .row:after,
.elms_row .cz_row_shape_4:after {
transform: translateX(40%) skewX(45deg)
}
.cz_row_shape_none .row:after,
.cz_row_shape_none .row:before{
display: none
}
.cz_row_shape_radius .row:before,
.elms_row .cz_row_shape_radius:before {
left: -8px;
border-radius: 20px !important
}
.cz_row_shape_radius .row:after,
.elms_row .cz_row_shape_radius:after {
right: -8px;
border-radius: 20px !important
}.cz_title {
position: relative;
z-index: 1
}
.cz_title_has_bg {
z-index: 2
}
.cz_title.tac .cz_title_content {
margin-right: auto;
margin-left: auto
}
.cz_title_vertical > div, 
.cz_title_vertical_2 > div {
position: absolute;
top: -80px;
left: 0;
z-index: 2;
white-space: nowrap;
transform: rotate(90deg);
transform-origin: bottom left;
animation: none !important
}
.cz_title_vertical_2 > div {
top: -40px;
left: 0;
transform-origin: 0 0;
transform: rotate(-90deg) translateX(-100%)
}
.cz_title_vertical.cz_title_vertical_outside > div {
top: 0;
left: 0;
transform-origin: 0 0;
transform: rotate(90deg) translate(0, 40%)
}
.cz_title_vertical_2.cz_title_vertical_outside > div {
transform: rotate(-90deg) translate(-100%, -140%)
}
.cz_title_content {
display: table;
position: relative;
word-break: break-word;
transition: all .2s ease-in-out
}
.cz_title_pos_block .cz_title_content,
.cz_title_pos_block .cz_title_content > div {
width: 100%;
display: block
}
.cz_title_pos_left .cz_title_content {
float: left
}
.cz_title_pos_center:not(.cz_title_has_icon) .cz_title_content > div {
display: block
}
.cz_title_pos_right .cz_title_content {
float: right
}
.cz_title_content > div {
position: relative;
z-index: 2;
vertical-align: middle
}
.cz_title_content > * {
display: table-cell
}
.cz_title_has_bg .cz_title_content {
padding: 10px 30px
}
.cz_title_has_icon .cz_title_content {
padding: 10px 0
}
.cz_title_content * {
margin: 0
}
.cz_title_content hr {
display: block;
margin: 10px 0
}
.cz_title_content > span {
margin: 0 15px 0 0;
position: relative;
font-size: 20px;
transition: all .2s ease-in-out
}
.cz_title_pos_block .cz_title_content > span {
margin-right: 0 !important;
margin-left: 0 !important
}
.cz_title_content > i {
font-size: 2em;
margin: 0;
text-align: center;
width: 2em;
height: 2em;
line-height: 2em;
display: inline-block;
vertical-align: sub;
box-sizing: content-box;
transition: all .2s ease-in-out
}
.cz_title_content > i:before,
.cz_title_content > i span,
.cz_title_content .cz_title_image {
display: inline-block
}
.cz_title_content .cz_title_image {
overflow: hidden;
max-width: 120px
}
.cz_title_image img {
width: inherit
}
.cz_title_number {
font-style: normal
}
.cz_title_shape {
position: absolute;
left: 0;
top: 0;
font-size: 140px;
font-weight: 900;
width: 100%;
line-height: 1;
pointer-events: none;
transform-origin: 0;
z-index: 1;
word-wrap: initial;
transition: all .2s ease-in-out
}
.shape_square, .shape_circle, 
.shape_rectangle, .shape_rhombus, 
.shape_rhombus_radius {
background: #404040;
width: 150px;
height: 150px
}
.shape_circle {
border-radius: 100%
}
.shape_rhombus, .shape_rhombus_radius {
display: inline-block;
transform: rotate(45deg)
}
.shape_rhombus_radius {
border-radius: 20%
}
.shape_rectangle {
transform: scaleX(2)
}
.cz_title_shape_outline {
background: none;
border: 10px solid
}
.cz_title_line {
width: 100%;
height: 4px;
display: block;
margin: 0 0 20px
}
.cz_title_line span {
font-size: 0;
height: 100%;
display: inline-block;
position: relative;
top: -20px;
background: #a7a7a7;
width: 60px
}
.cz_line_after_title,
.cz_line_before_title {
position: relative
}
.cz_title_content .cz_line_side_solo {
font-size: 0;
height: 4px;
width: 50px;
display: inline-block;
vertical-align: bottom;
margin: 0 20px 0 0;
background: rgba(167, 167, 167, .4)
}
.cz_title.tac .cz_title_shape,
.tac.cz_title_shape {
left: 50%;
transform: translate(-50%,-50%)
}
.cz_title.tac .cz_title_shape.tal,
.cz_title.tac .cz_title_shape.tar {
transform: none
}
.cz_title.tac .shape_rectangle {
transform: scaleX(2) translate(-50%,-50%)
}
.cz_title.tac .shape_rhombus, 
.cz_title.tac .shape_rhombus_radius {
transform: rotate(45deg) translate(-50%,-50%)
}
.cz_title .cz_title_shape.tal {
left: 0
}
.cz_title .cz_title_shape.tar {
left: auto;
right: 0
}
.cz_title_ba_line .cz_title_content {
display: inline-block
}
.shape_image {
width: auto
}
.cz_title_content .cz_line_side_after {
margin: 0 0 0 20px
}
.cz_title .xtra-placeholder {
max-width: 100px
}
.cz_title_pos_center .cz_title_content {
float: none;
margin: 0 auto;
display: table
}
[class*="codevz-fancy-"] {
overflow: hidden
}
[class*="codevz-fancy-"] .cz_wpe_content > * > span {
display: inline-block;
position: relative;
transform: translateY(130%)
}
[class*="codevz-fancy-"] .codevz-start-fancy {
animation: fancyFX .8s ease-out forwards
}
@keyframes fancyFX {
0% {transform: translateY(130%)}
100% {transform: translateY(0)}
}
.elementor-element .cz_title_content .cz_line_side_solo {
vertical-align: middle
}
.elementor-element .cz_title_content .cz_title_image {
box-sizing: content-box
}.jsv-interaktive-karte {
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
background: #ffffff !important;
overflow-x: hidden !important;
overflow-x: clip !important;
} pre.jsv-map-wrapper-reset,
code.jsv-map-wrapper-reset,
#page_content pre.jsv-map-wrapper-reset,
#page_content code.jsv-map-wrapper-reset {
all: unset !important;
display: block !important;
box-sizing: border-box !important;
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
background: #ffffff !important;
box-shadow: none !important;
color: inherit !important;
font: inherit !important;
line-height: normal !important;
white-space: normal !important;
overflow: visible !important;
}
.jsv-interaktive-karte__status {
color: #07773c;
font-family: "Open Sans", Arial, sans-serif;
font-size: 1rem;
}
#jsv-map-app { all: initial;
--jsv-green: #07773c;
--jsv-green-active: #80bc47;
--jsv-green-dark: #045b2e;
--jsv-marker: #cd1719;
--jsv-ink: #17231d;
--jsv-muted: #5b6861;
--jsv-line: #dce6df;
--jsv-surface: #f4f8f5;
--jsv-white: #ffffff;
color: var(--jsv-ink);
font-family: "Open Sans", Arial, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
text-align: left;
text-transform: none;
letter-spacing: normal;
-webkit-text-size-adjust: 100%;
isolation: isolate;
background: var(--jsv-white);
display: block;
width: 100%;
min-width: 0;
max-width: 1400px;
margin: 0 auto;
box-sizing: border-box;
}
#jsv-map-app *,
#jsv-map-app *::before,
#jsv-map-app *::after {
box-sizing: border-box;
} #jsv-map-app :where(h2, h3, h4, p, dl, dt, dd) {
float: none;
padding: 0;
border: 0;
background: transparent;
box-shadow: none;
text-indent: 0;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
}
#jsv-map-app :where(label, strong, button, select) {
font-family: inherit;
}
#jsv-map-app button {
appearance: none;
min-width: 0;
min-height: 0;
margin: 0;
box-shadow: none;
text-transform: none;
letter-spacing: normal;
transform: none;
}
#jsv-map-app button::before,
#jsv-map-app button::after {
content: none;
}
#jsv-map-app select {
margin: 0;
box-shadow: none;
text-transform: none;
letter-spacing: normal;
}
#jsv-map-app svg {
max-width: none;
margin: 0;
}
#jsv-map-app h2,
#jsv-map-app h3,
#jsv-map-app h4,
#jsv-map-app p {
margin-top: 0;
}
#jsv-map-app h2 {
font-family: "EB Garamond", Georgia, serif;
font-weight: 600;
color: var(--jsv-green);
max-width: 34ch;
font-size: clamp(1.75rem, calc(0.75rem + 1.8vw), 2.2rem);
line-height: 1.14;
letter-spacing: 0.005em;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
margin: 0 0 0.65rem;
}
#jsv-map-app h3 {
color: var(--jsv-green);
font-family: "EB Garamond", Georgia, serif;
font-size: clamp(1.5rem, calc(0.55rem + 1.6vw), 2rem);
font-weight: 600;
line-height: 1.18;
letter-spacing: 0.03em;
margin: 0 0 0.55rem;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}
#jsv-map-app a {
color: var(--jsv-green-dark);
text-decoration-thickness: 1px;
text-underline-offset: 0.18em;
overflow-wrap: anywhere;
}
#jsv-map-app a:hover {
color: var(--jsv-green);
}
#jsv-map-app button,
#jsv-map-app select {
font: inherit;
}
.jsv-map__intro {
display: grid;
min-width: 0;
max-width: 100%;
grid-template-columns: minmax(0, 1fr) minmax(230px, 330px);
gap: clamp(1rem, 3vw, 3rem);
align-items: end;
margin-bottom: clamp(1.2rem, 2.5vw, 2rem);
}
.jsv-map__intro > div > p:last-child {
max-width: 74ch;
margin-bottom: 0;
line-height: 1.65;
}
.jsv-map__eyebrow {
color: var(--jsv-green);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.09em;
margin-bottom: 0.4rem;
text-transform: uppercase;
}
.jsv-map__select-label {
display: grid;
gap: 0.4rem;
color: var(--jsv-green-dark);
font-size: 0.82rem;
font-weight: 700;
margin: 0;
}
.jsv-map__select {
-webkit-appearance: none;
appearance: none;
width: 100%;
min-height: 48px;
padding: 0.65rem 2.75rem 0.65rem 0.8rem;
border: 1px solid var(--jsv-line);
border-radius: 8px;
background-color: var(--jsv-white);
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m4 6 4 4 4-4' fill='none' stroke='%2307773c' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 16px 16px;
color: var(--jsv-ink);
}
.jsv-map__select:focus-visible,
.jsv-map__popup-close:focus-visible,
.jsv-map__help-toggle:focus-visible,
.jsv-map__club-show:focus-visible {
outline: 3px solid rgba(128, 188, 71, 0.55);
outline-offset: 3px;
} .jsv-map__select:focus-visible {
outline-offset: -3px;
}
#jsv-map-app .jsv-map__zoom-open { display: none; }
#jsv-map-app .jsv-map__zoom-dialog:not([open]) { display: none; }
#jsv-map-app .jsv-map__zoom-dialog {
position: fixed;
inset: 0;
margin: auto;
width: 100%;
max-width: 100%;
height: 100%;
height: 100dvh;
max-height: 100%;
padding: max(10px, env(safe-area-inset-top)) 12px max(12px, env(safe-area-inset-bottom));
border: 0;
background: #f4f8f5;
color: var(--jsv-ink);
font: inherit;
overflow: hidden;
}
#jsv-map-app .jsv-map__zoom-dialog[open] {
display: flex;
flex-direction: column;
gap: 10px;
}
.jsv-map__zoom-dialog::backdrop { background: rgba(0, 30, 15, .55); }
.jsv-map__zoom-toolbar {
display: grid;
grid-template-columns: 44px 1fr 44px auto;
align-items: center;
gap: 8px;
}
.jsv-map__zoom-toolbar strong { grid-column: 1 / 4; }
.jsv-map__zoom-toolbar output { text-align: center; color: var(--jsv-green); font-weight: 700; }
#jsv-map-app .jsv-map__zoom-toolbar button,
#jsv-map-app .jsv-map__zoom-open {
min-height: 44px;
padding: 8px 12px;
border: 1px solid var(--jsv-green);
border-radius: 10px;
color: var(--jsv-green);
background: white;
font-size: .85rem;
cursor: pointer;
}
#jsv-map-app .jsv-map__zoom-toolbar button[data-zoom="close"] {
position: relative;
justify-self: end;
width: 36px;
height: 36px;
min-width: 36px;
min-height: 36px;
padding: 0;
line-height: 1;
background: var(--jsv-green);
color: white;
font-size: 1.25rem;
}
#jsv-map-app .jsv-map__zoom-toolbar button[data-zoom="close"]::after {
content: "";
position: absolute;
inset: -4px;
}
#jsv-map-app .jsv-map__zoom-toolbar button:disabled { opacity: .4; cursor: default; }
#jsv-map-app .jsv-map__zoom-toolbar button:focus-visible,
#jsv-map-app .jsv-map__zoom-open:focus-visible,
.jsv-map__zoom-viewport:focus-visible {
outline: 3px solid var(--jsv-green-active);
outline-offset: -3px;
}
#jsv-map-app .jsv-map__zoom-hint { margin: 0; font-size: .78rem; line-height: 1.5; }
.jsv-map__zoom-viewport {
flex: 1;
min-height: 100px;
overflow: hidden;
touch-action: none;
user-select: none;
border: 1px solid var(--jsv-line);
border-radius: 12px;
background: white;
}
#jsv-map-app .jsv-map__zoom-viewport .jsv-map__svg { width: 100%; height: 100%; }
.jsv-map__zoom-details { flex: 0 1 auto; max-height: 42%; overflow: auto; }
#jsv-map-app .jsv-map__zoom-details .jsv-map__popup {
position: relative;
top: auto !important;
left: auto !important;
width: 100%;
max-width: 100%;
margin: 0;
}
.jsv-map__zoom-details .jsv-map__popup::after { display: none; }
.jsv-map__layout {
display: grid;
min-width: 0;
max-width: 100%;
grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.8fr);
gap: clamp(1rem, 3vw, 2.5rem);
align-items: start;
}
.jsv-map__stage {
position: relative;
width: 100%;
min-width: 0;
max-width: 100%;
overflow: hidden;
border: 1px solid var(--jsv-line);
border-radius: 14px;
background: linear-gradient(145deg, #f8fbf9 0%, #eef5f0 100%);
box-shadow: 0 12px 34px rgba(7, 70, 37, 0.08);
}
.jsv-map__help {
position: absolute;
z-index: 20;
top: clamp(0.65rem, 1.6vw, 1rem);
right: clamp(0.65rem, 1.6vw, 1rem);
}
.jsv-map__help-toggle {
position: relative;
display: grid;
width: 46px;
height: 46px;
padding: 0;
place-items: center;
border: 1px solid rgba(7, 119, 60, 0.3);
border-radius: 14px;
background: rgba(255, 255, 255, 0.9);
color: var(--jsv-green);
box-shadow: 0 8px 24px rgba(7, 70, 37, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.9);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
cursor: pointer;
transition: border-color 180ms ease, background 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 180ms ease;
}
.jsv-map__help-toggle::before {
position: absolute;
inset: -4px;
border: 1px solid rgba(128, 188, 71, 0.72);
border-radius: 18px;
content: "";
opacity: 0;
pointer-events: none;
transform: scale(0.82);
transition: opacity 220ms ease, transform 220ms ease;
}
.jsv-map__help-icon {
display: block;
transition: transform 180ms ease;
}
.jsv-map__help-toggle:hover,
.jsv-map__help.is-open .jsv-map__help-toggle {
border-color: transparent;
background: linear-gradient(145deg, var(--jsv-green) 0%, #0a9150 100%);
color: var(--jsv-white);
box-shadow: 0 12px 28px rgba(7, 119, 60, 0.25), inset 0 1px 0 rgba(255, 255, 255, 0.18);
transform: translateY(-2px);
}
.jsv-map__help-toggle:hover::before,
.jsv-map__help.is-open .jsv-map__help-toggle::before {
opacity: 1;
transform: scale(1);
}
.jsv-map__help-toggle:hover .jsv-map__help-icon,
.jsv-map__help.is-open .jsv-map__help-icon {
transform: scale(1.08);
}
.jsv-map__help-content {
position: absolute;
top: calc(100% + 0.55rem);
right: 0;
width: min(22rem, calc(100vw - 3rem));
padding: 0.85rem 1rem;
border: 1px solid rgba(7, 119, 60, 0.24);
border-radius: 10px;
background: var(--jsv-white);
color: var(--jsv-ink);
box-shadow: 0 12px 30px rgba(7, 70, 37, 0.18);
opacity: 0;
visibility: hidden;
pointer-events: none;
cursor: pointer;
transform: translateY(-5px);
transition: opacity 160ms ease, transform 160ms ease, visibility 160ms ease;
}
.jsv-map__help-content strong {
display: block;
margin: 0 0 0.25rem;
color: var(--jsv-green);
font-size: 0.95rem;
}
.jsv-map__help-content p {
margin: 0;
color: var(--jsv-ink);
font-size: 0.84rem;
line-height: 1.5;
}
.jsv-map__help:not(.is-dismissed):hover .jsv-map__help-content,
.jsv-map__help:not(.is-dismissed):focus-within .jsv-map__help-content,
.jsv-map__help.is-open .jsv-map__help-content {
opacity: 1;
visibility: visible;
pointer-events: auto;
transform: translateY(0);
}
.jsv-map__svg {
display: block;
width: 100%;
height: auto;
aspect-ratio: 2640 / 1880;
touch-action: manipulation;
}
.jsv-map__district {
fill: var(--jsv-green);
stroke: #ffffff;
stroke-width: 1.6px;
vector-effect: non-scaling-stroke;
cursor: pointer;
transition: fill 180ms ease, filter 180ms ease;
outline: none;
}
.jsv-map__district:hover,
.jsv-map__district:focus-visible {
fill: #159054;
filter: brightness(1.04);
outline: none;
}
.jsv-map__district.is-active,
.jsv-map__district.is-active:hover,
.jsv-map__district.is-active:focus-visible {
fill: var(--jsv-green-active);
}
.jsv-map__district:focus-visible {
filter: brightness(1.08);
}
.jsv-map__markers {
pointer-events: none;
}
.jsv-map__marker {
cursor: pointer;
outline: none;
pointer-events: all;
}
.jsv-map__marker-hit {
fill: #ffffff;
fill-opacity: 0.001;
pointer-events: all;
}
.jsv-map__marker-icon {
filter: url(#jsv-marker-shadow);
pointer-events: none;
transition: filter 160ms ease;
}
.jsv-map__marker:hover .jsv-map__marker-icon,
.jsv-map__marker:focus-visible .jsv-map__marker-icon,
.jsv-map__marker.is-selected .jsv-map__marker-icon {
filter: url(#jsv-marker-shadow) brightness(1.08);
}
.jsv-map__marker:hover .jsv-map__marker-ring,
.jsv-map__marker:focus-visible .jsv-map__marker-ring {
opacity: 1;
animation: jsv-marker-pulse 1.2s ease-out infinite;
}
.jsv-map__marker.is-selected .jsv-map__marker-ring {
opacity: 1;
}
.jsv-map__marker-ring {
fill: none;
stroke: var(--jsv-green);
stroke-width: 10;
opacity: 0;
pointer-events: none;
transform-box: fill-box;
transform-origin: center;
}
@keyframes jsv-marker-pulse {
0% {
opacity: 0.95;
transform: scale(0.92);
}
70%,
100% {
opacity: 0;
transform: scale(1.42);
}
}
.jsv-map__panel {
min-width: 0;
padding: clamp(1rem, 2.5vw, 1.6rem);
border: 1px solid var(--jsv-line);
border-radius: 14px;
background: var(--jsv-white);
}
.jsv-map__summary {
color: var(--jsv-muted);
margin-bottom: 1rem;
line-height: 1.55;
}
.jsv-map__club-list {
display: grid;
gap: 1.1rem;
max-height: min(740px, 72vh);
overflow: auto;
padding: 0.15rem 0.35rem 0.15rem 0.15rem;
scrollbar-color: var(--jsv-green-active) transparent;
}
.jsv-map__club-card {
width: 100%;
min-width: 0;
max-width: 100%;
border: 1px solid var(--jsv-line);
border-radius: 10px;
background: var(--jsv-surface);
color: var(--jsv-ink);
overflow: hidden;
transition: border-color 160ms ease, box-shadow 160ms ease;
}
.jsv-map__club-card:hover,
.jsv-map__club-card.is-selected {
border-color: var(--jsv-green-active);
box-shadow: 0 7px 20px rgba(7, 119, 60, 0.11);
}
.jsv-map__club-show {
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
gap: 0.75rem;
padding: 0.95rem 1.15rem;
border: 0;
border-bottom: 1px solid var(--jsv-line);
background: transparent;
color: var(--jsv-ink);
text-align: left;
cursor: pointer;
}
.jsv-map__club-show:hover {
background: rgba(128, 188, 71, 0.1);
}
.jsv-map__club-show strong {
display: block;
min-width: 0;
color: var(--jsv-green-dark);
line-height: 1.3;
overflow-wrap: anywhere;
}
.jsv-map__club-show span {
flex: 0 0 auto;
color: var(--jsv-green-dark);
font-size: 0.78rem;
font-weight: 700;
}
#jsv-map-app .jsv-map__club-card .jsv-map__details {
padding: 1rem 1.15rem 1.15rem;
}
.jsv-map__popup {
position: absolute;
z-index: 5;
width: min(480px, calc(100% - 24px));
padding: 1rem 2.55rem 1rem 1rem;
border: 1px solid rgba(7, 119, 60, 0.24);
border-radius: 12px;
background: var(--jsv-white);
box-shadow: 0 18px 46px rgba(1, 31, 16, 0.24);
}
.jsv-map__popup[hidden] {
display: none;
}
.jsv-map__popup::after {
position: absolute;
left: var(--jsv-popup-arrow-left, 50%);
bottom: -9px;
width: 17px;
height: 17px;
border-right: 1px solid rgba(7, 119, 60, 0.24);
border-bottom: 1px solid rgba(7, 119, 60, 0.24);
background: var(--jsv-white);
content: "";
transform: translateX(-50%) rotate(45deg);
}
.jsv-map__popup.is-below::after {
top: -9px;
bottom: auto;
border: 0;
border-left: 1px solid rgba(7, 119, 60, 0.24);
border-top: 1px solid rgba(7, 119, 60, 0.24);
}
.jsv-map__popup-close {
position: absolute;
top: 0.45rem;
right: 0.45rem;
display: grid;
width: 34px;
height: 34px;
place-items: center;
border: 0;
border-radius: 50%;
background: var(--jsv-surface);
color: var(--jsv-green-dark);
font-size: 1.45rem;
line-height: 1;
cursor: pointer;
}
.jsv-map__popup h4 {
color: var(--jsv-green-dark);
font-size: 1.05rem;
line-height: 1.3;
margin: 0 0 0.65rem;
}
.jsv-map__details {
display: grid;
gap: 0.35rem;
margin: 0;
font-size: 0.9rem;
line-height: 1.45;
}
.jsv-map__details-row {
display: grid;
grid-template-columns: 5.1rem minmax(0, 1fr);
gap: 0.5rem;
}
#jsv-map-app.jsv-map--jagdhunde .jsv-map__details-row {
grid-template-columns: 8.4rem minmax(0, 1fr);
}
.jsv-map__details dt {
color: var(--jsv-muted);
font-weight: 700;
width: auto;
margin: 0;
}
.jsv-map__details dd {
float: none;
width: auto;
min-width: 0;
margin: 0;
overflow-wrap: anywhere;
}
#jsv-map-app .jsv-map__details a[href^="mailto:"] {
display: inline-block;
max-width: 100%;
font-size: clamp(0.72rem, 1.3vw, 0.86rem);
letter-spacing: -0.012em;
overflow-wrap: normal;
white-space: nowrap;
word-break: normal;
}
@media (max-width: 900px) {
.jsv-map__intro,
.jsv-map__layout {
grid-template-columns: minmax(0, 1fr);
}
.jsv-map__intro {
align-items: stretch;
}
.jsv-map__select-label {
max-width: none;
}
.jsv-map__club-list {
max-height: none;
grid-template-columns: repeat(2, minmax(0, 1fr));
overflow: visible;
padding-right: 0.15rem;
}
}
@media (max-width: 580px) {
#jsv-map-app .jsv-map__zoom-open {
display: block;
margin: 0 12px 12px auto;
}
.jsv-map__help-toggle {
width: 36px;
height: 36px;
border-radius: 11px;
} #jsv-map-app .jsv-map__help-toggle::after {
content: "";
position: absolute;
inset: -4px;
}
.jsv-map__help-icon {
width: 20px;
height: 20px;
}
#jsv-map-app {
max-width: 100%;
overflow-x: hidden;
overflow-x: clip;
}
#jsv-map-app h2 {
font-size: clamp(1.65rem, 7vw, 1.9rem);
}
.jsv-map__stage,
.jsv-map__panel {
border-radius: 10px;
}
.jsv-map__club-list {
grid-template-columns: minmax(0, 1fr);
}
.jsv-map__popup {
position: relative;
left: auto !important;
top: auto !important;
width: calc(100% - 24px);
margin: 0 12px 12px;
padding: 0.9rem 2.4rem 0.9rem 0.9rem;
}
.jsv-map__popup::after {
display: none;
}
.jsv-map__details-row {
grid-template-columns: minmax(0, 1fr);
gap: 0.05rem;
}
#jsv-map-app .jsv-map__details a[href^="mailto:"] {
display: inline;
max-width: 100%;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
}
@media (prefers-reduced-motion: reduce) {
.jsv-map__district,
.jsv-map__marker-icon,
.jsv-map__club-card,
.jsv-map__club-show,
.jsv-map__help-toggle,
.jsv-map__help-toggle::before,
.jsv-map__help-icon {
transition: none;
}
.jsv-map__marker:hover .jsv-map__marker-ring,
.jsv-map__marker:focus-visible .jsv-map__marker-ring {
animation: none;
opacity: 1;
transform: none;
}
}@font-face{font-family: 'EB Garamond';font-style: normal;font-weight: 400;unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;src: url(//www.jagdschutzverein.com/wp-content/uploads/omgf/omgf-stylesheet-68/eb-garamond-normal-latin-ext-400.woff2?ver=1775732274) format('woff2');font-display: swap;}@font-face{font-family: 'EB Garamond';font-style: normal;font-weight: 400;unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;src: url(//www.jagdschutzverein.com/wp-content/uploads/omgf/omgf-stylesheet-68/eb-garamond-normal-latin-400.woff2?ver=1775732274) format('woff2');font-display: swap;}