.header-nav-row{
width:100%;
background:#fffaf8;
border-top:1px solid rgba(123,24,34,.12);
border-bottom:1px solid rgba(123,24,34,.12);
}
.header-nav-row .nav-inner{
width:min(100% - 2rem,var(--container));
margin-inline:auto;
}
.primary-nav{
width:100%;
}
.primary-nav ul{
list-style:none;
margin:0;
padding:0;
}
.primary-nav a{
text-decoration:none;
color:var(--johle-wine,var(--primary));
} @media (min-width:981px){
.menu-toggle{display:none!important}
.header-nav-row{
display:block!important;
position:relative;
z-index:100;
}
.header-nav-row .nav-inner{
min-height:58px;
display:flex;
align-items:center;
}
.primary-nav{
display:block!important;
position:static!important;
overflow:visible!important;
}
.primary-nav > ul,
.primary-nav > div > ul{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
gap:.15rem .35rem;
}
.primary-nav li{position:relative;margin:0}
.primary-nav a{
display:flex;
align-items:center;
min-height:46px;
padding:.55rem .75rem;
border-radius:10px;
font-size:var(--menu-font-size);
font-weight:750;
line-height:1.2;
white-space:nowrap;
}
.primary-nav a:hover,
.primary-nav a:focus-visible,
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a,
.primary-nav .current-menu-ancestor > a{
background:rgba(123,24,34,.08);
color:var(--primary-dark);
}
.primary-nav .sub-menu,
.primary-nav .children{
position:absolute;
z-index:150;
top:100%;
left:0;
display:none;
min-width:230px;
max-width:340px;
flex-direction:column;
align-items:stretch;
gap:.15rem;
padding:.55rem .45rem .45rem;
margin:0;
background:#fffaf8;
border:1px solid var(--border);
border-radius:0 0 12px 12px;
box-shadow:var(--shadow);
}
.primary-nav .sub-menu .sub-menu,
.primary-nav .children .children{
top:0;
left:100%;
border-radius:12px;
}
.primary-nav li:hover > .sub-menu,
.primary-nav li:focus-within > .sub-menu,
.primary-nav li:hover > .children,
.primary-nav li:focus-within > .children{
display:flex;
}
.primary-nav .sub-menu a,
.primary-nav .children a{
min-height:40px;
padding:.5rem .65rem;
white-space:normal;
}
.primary-nav .menu-item-has-children > a::after{
content:"▾";
margin-left:.4rem;
font-size:.72em;
}
.primary-nav .sub-menu .menu-item-has-children > a::after{
content:"›";
margin-left:auto;
}
.submenu-toggle{display:none!important}
} @media (max-width:980px){
.site-header{
overflow:visible!important;
}
.menu-toggle{
display:inline-flex!important;
align-items:center;
justify-content:center;
gap:.55rem;
margin-left:auto;
min-height:46px;
padding:.65rem .85rem;
border:1px solid var(--border);
border-radius:999px;
background:rgba(255,250,247,.96);
color:var(--primary);
font:inherit;
font-weight:800;
cursor:pointer;
touch-action:manipulation;
}
.menu-icon{
font-size:1.2rem;
line-height:1;
}
.header-nav-row{
display:none!important;
position:static!important;
inset:auto!important;
z-index:auto!important;
width:100%!important;
height:auto!important;
max-height:none!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
transform:none!important;
filter:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
box-shadow:0 8px 20px rgba(35,20,24,.07);
}
.header-nav-row.is-open{
display:block!important;
}
.header-nav-row .nav-inner{
display:block!important;
width:min(100% - 1.25rem,var(--container))!important;
min-height:0!important;
height:auto!important;
margin-inline:auto!important;
padding:10px 0 12px!important;
overflow:visible!important;
}
.primary-nav{
display:none!important;
position:static!important;
inset:auto!important;
width:100%!important;
max-width:none!important;
min-width:0!important;
height:auto!important;
max-height:none!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
overscroll-behavior:auto!important;
touch-action:auto!important;
transform:none!important;
opacity:1!important;
filter:none!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
background:transparent!important;
border:0!important;
border-radius:0!important;
box-shadow:none!important;
}
.primary-nav.is-open{
display:block!important;
}
.primary-nav > ul,
.primary-nav > div > ul{
display:flex!important;
flex-direction:column!important;
align-items:stretch!important;
justify-content:flex-start!important;
gap:7px!important;
width:100%!important;
margin:0!important;
padding:0!important;
overflow:visible!important;
}
.primary-nav li{
position:relative!important;
width:100%!important;
margin:0!important;
padding:0!important;
}
.primary-nav a{
display:flex!important;
align-items:center!important;
justify-content:flex-start!important;
width:100%!important;
min-height:54px!important;
padding:12px 54px 12px 15px!important;
border:1px solid rgba(104,19,28,.10)!important;
border-radius:13px!important;
background:#fff!important;
color:var(--johle-wine,#68131c)!important;
font-size:1rem!important;
font-weight:800!important;
line-height:1.22!important;
white-space:normal!important;
box-sizing:border-box!important;
}
.primary-nav a:hover,
.primary-nav a:focus-visible,
.primary-nav .current-menu-item > a,
.primary-nav .current_page_item > a,
.primary-nav .current-menu-ancestor > a{
background:#f4e7e4!important;
border-color:rgba(168,56,71,.20)!important;
color:#68131c!important;
}
.primary-nav .sub-menu,
.primary-nav .children{
display:none!important;
position:static!important;
inset:auto!important;
width:auto!important;
min-width:0!important;
max-width:none!important;
margin:5px 4px 2px 14px!important;
padding:3px 0 3px 10px!important;
border:0!important;
border-left:2px solid rgba(168,56,71,.20)!important;
border-radius:0!important;
background:transparent!important;
box-shadow:none!important;
}
.primary-nav li.submenu-open > .sub-menu,
.primary-nav li.submenu-open > .children{
display:flex!important;
flex-direction:column!important;
gap:5px!important;
}
.primary-nav .sub-menu a,
.primary-nav .children a{
min-height:48px!important;
padding:10px 12px!important;
background:#fffdfc!important;
font-size:.95rem!important;
}
.primary-nav .menu-item-has-children > a::after{
content:none!important;
display:none!important;
}
.submenu-toggle{
position:absolute!important;
top:6px!important;
right:6px!important;
z-index:2!important;
display:grid!important;
place-items:center!important;
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
margin:0!important;
padding:0!important;
border:1px solid rgba(104,19,28,.13)!important;
border-radius:11px!important;
background:#f7ebe8!important;
color:#8d202d!important;
cursor:pointer!important;
}
.submenu-toggle[aria-expanded="true"]{
background:#ead5d2!important;
}
.submenu-toggle .submenu-icon{
display:block!important;
font-size:23px!important;
line-height:1!important;
transition:transform .18s ease;
}
.submenu-toggle[aria-expanded="true"] .submenu-icon{
transform:rotate(180deg);
}
}
@media(max-width:520px){
.header-nav-row .nav-inner{
width:calc(100% - 12px)!important;
}
.primary-nav a{
min-height:52px!important;
padding-left:13px!important;
}
} @media (max-width:980px){
.header-brand-row,
.header-brand-inner{
position:relative!important;
}
.menu-toggle{
position:absolute!important;
top:18px!important;
right:18px!important;
left:auto!important;
bottom:auto!important;
z-index:20!important;
margin:0!important;
min-height:52px!important;
padding:12px 18px!important;
border:1px solid rgba(104,19,28,.16)!important;
border-radius:999px!important;
background:rgba(255,250,247,.96)!important;
color:var(--primary,#A83847)!important;
box-shadow:0 6px 18px rgba(35,20,24,.14)!important;
backdrop-filter:none!important;
-webkit-backdrop-filter:none!important;
}
.menu-toggle .menu-icon{
display:inline-block!important;
font-size:1.25rem!important;
line-height:1!important;
}
}
@media (max-width:520px){
.menu-toggle{
top:14px!important;
right:14px!important;
min-height:48px!important;
padding:10px 15px!important;
}
}:root{
--johle-black:#171313;
--johle-brown:#5a382f;
--johle-bordeaux:#68131c;
--johle-bordeaux-dark:#451014;
--johle-cream:#f4ebe5;
--johle-paper:#fffaf6;
--johle-gold:#b4945d;
}
body{background:var(--johle-cream);color:var(--johle-black)}
.site-header{background:rgba(255,250,246,.97);border-bottom:1px solid rgba(90,56,47,.18)}
.site-navigation{background:#fffaf6;border-top:1px solid rgba(90,56,47,.12);border-bottom:1px solid rgba(90,56,47,.15)}
.site-navigation a{color:var(--johle-bordeaux-dark)}
.site-navigation .current-menu-item>a,.site-navigation a:hover,.site-navigation a:focus-visible{background:rgba(104,19,28,.09);color:var(--johle-bordeaux)}
.hero{background:linear-gradient(135deg,#ead8cf 0%,#f6eeea 58%,#e5d0c6 100%);border-bottom:1px solid rgba(90,56,47,.18)}
.hero h1,.entry-content h1,.entry-content h2,.entry-content h3{color:#3b1014}
.hero-panel,.card,.widget,.hero-slide{background:rgba(255,250,246,.92);border:1px solid rgba(90,56,47,.2);box-shadow:0 12px 32px rgba(44,20,18,.07)}
.button,.wp-element-button{background:var(--johle-bordeaux);border-color:var(--johle-bordeaux);color:#fff}
.button:hover,.button:focus-visible,.wp-element-button:hover{background:var(--johle-bordeaux-dark)}
.button-secondary{background:transparent;color:var(--johle-bordeaux);border-color:var(--johle-bordeaux)}
.front-page-content{padding-top:clamp(2rem,5vw,4.5rem);padding-bottom:clamp(2rem,5vw,4.5rem);background:linear-gradient(180deg,#f7efea 0%,#fffaf6 100%)}
.front-page-content .entry-content{max-width:1100px;margin-inline:auto;text-align:center}
.front-page-content .wp-block-image img{max-height:min(58vh,680px);width:auto;object-fit:contain}
.site-footer{background:#1b0d10;color:#f7ece7;border-top:4px solid var(--johle-bordeaux)}
.site-footer a{color:#e7c589}
.site-footer strong,.site-footer h2,.site-footer h3{color:#fff}
@media (max-width:782px){
.front-page-content{padding-top:1.5rem;padding-bottom:2rem}
.front-page-content .entry-content{padding-inline:1rem}
.front-page-content h1{font-size:clamp(1.8rem,8vw,2.7rem)}
} .front-page-content .entry-content > *{margin-left:auto;margin-right:auto}
.front-page-content .entry-content > .wp-block-image,
.front-page-content .entry-content > figure,
.front-page-content .entry-content > .wp-block-group,
.front-page-content .entry-content > .wp-block-columns{max-width:100%}
.front-page-content .wp-block-image.aligncenter,
.front-page-content figure.aligncenter{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline:auto}
.front-page-content .wp-block-image.aligncenter img,
.front-page-content figure.aligncenter img,
.front-page-content .wp-block-image img{display:block;margin-left:auto;margin-right:auto}
.front-page-content .alignwide{width:min(100%,var(--container));max-width:var(--container)}
.front-page-content .alignfull{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}
.johle-runtime-warning{max-width:var(--container);margin:1rem auto;padding:1rem;border:1px solid #d63638;background:#fff2f2;color:#4a1111;border-radius:10px} body.single-post .site-main,
body.single-post main,
body.blog .site-main,
body.blog main{
min-height:0;
}
body.single-post .entry-content,
body.single-post article,
body.single-post .post,
body.blog .wv-posts-page-shell{
box-sizing:border-box;
}
body.single-post .entry-content{
width:min(1100px,calc(100% - 40px));
margin-inline:auto;
}
body.single-post .entry-content > figure,
body.single-post .entry-content > .wp-block-image{
max-width:100%;
}
body.single-post .entry-content img{
max-width:100%;
height:auto;
} body.single-post figure:empty,
body.single-post .post-thumbnail:empty,
body.single-post .wp-post-image[src=""],
body.single-post .wp-block-post-featured-image:empty{
display:none!important;
min-height:0!important;
height:0!important;
margin:0!important;
padding:0!important;
}
body.blog .site-main,
body.blog main#primary{
width:100%!important;
max-width:none!important;
padding-left:0!important;
padding-right:0!important;
} body.single-post .entry-content figure,
body.single-post .entry-content .wp-block-image,
body.single-post .entry-content .wp-caption{width:auto!important;max-width:100%!important;height:auto!important;min-height:0!important;margin-left:auto!important;margin-right:auto!important}
body.single-post .entry-content figure img,
body.single-post .entry-content .wp-block-image img,
body.single-post .entry-content .wp-caption img{display:block!important;width:auto!important;max-width:100%!important;height:auto!important;margin-inline:auto!important}
body.single-post .entry-content .wp-caption-text,
body.single-post .entry-content figcaption{max-width:900px;margin:.55rem auto 1.15rem;text-align:center;line-height:1.45}
body.single-post .entry-content img[width][height]{max-width:100%!important;height:auto!important} @media (max-width: 680px){
body.single-post .container.narrow,
body.single-post .container.content-with-sidebar,
body.single-post .main-content-column{
width:100%!important;
max-width:none!important;
}
body.single-post .entry-header,
body.single-post .entry-content{
width:min(100% - 44px, 620px)!important;
max-width:620px!important;
margin-left:auto!important;
margin-right:auto!important;
}
body.single-post .entry-header h1{
font-size:clamp(2rem,9.2vw,2.9rem)!important;
line-height:1.08!important;
letter-spacing:-.015em;
overflow-wrap:anywhere;
}
body.single-post .entry-header .meta{
font-size:1rem!important;
margin-top:1rem!important;
}
body.single-post .entry-content{
font-size:1.08rem!important;
line-height:1.72!important;
}
body.single-post .entry-content p,
body.single-post .entry-content li{
line-height:1.72!important;
}
body.single-post .entry-content > *{
max-width:100%!important;
}
}
@media (max-width: 430px){
body.single-post .entry-header,
body.single-post .entry-content{
width:calc(100% - 38px)!important;
}
body.single-post .entry-header h1{
font-size:clamp(1.9rem,8.8vw,2.55rem)!important;
}
body.single-post .entry-content{
font-size:1.04rem!important;
}
} .header-brand-inner.has-header-hero{
display:grid;
grid-template-columns:minmax(230px,1fr) minmax(0,var(--header-hero-width));
gap:24px;
align-items:center;
min-height:calc(var(--header-hero-height) + 20px);
}
.header-brand-left{min-width:0}
.header-brand-inner.has-header-hero .brand-wrap{min-width:0}
.johle-header-hero{
position:relative;
width:100%;
height:var(--header-hero-height);
min-width:0;
overflow:hidden;
border-radius:var(--header-hero-radius);
isolation:isolate;
}
.johle-header-hero-bg{
position:absolute;
inset:0;
z-index:0;
background-image:
linear-gradient(rgba(0,0,0,var(--header-hero-tint)),rgba(0,0,0,var(--header-hero-tint))),
var(--johle-header-image);
background-size:cover;
background-position:var(--header-hero-x) var(--header-hero-y);
background-repeat:no-repeat;
border-radius:inherit;
}
@supports ((-webkit-mask-image:linear-gradient(#000,#000)) or (mask-image:linear-gradient(#000,#000))){
.johle-header-hero-bg{
-webkit-mask-image:radial-gradient(
ellipse at center,
#000 0%,
#000 calc(100% - var(--header-hero-fade)),
transparent 100%
);
mask-image:radial-gradient(
ellipse at center,
#000 0%,
#000 calc(100% - var(--header-hero-fade)),
transparent 100%
);
}
}
.johle-header-hero-overlay{
position:absolute;
inset:0;
z-index:1;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
gap:5px;
padding:18px 28px;
color:var(--header-hero-text)!important;
text-align:center;
text-decoration:none!important;
}
.johle-header-hero-kicker{
display:block;
font-family:var(--header-hero-kicker-font);
font-size:clamp(.78rem,1.3vw,1.05rem);
font-weight:800;
letter-spacing:.08em;
text-transform:none;
}
.johle-header-hero-title{
display:block;
max-width:95%;
font-family:var(--header-hero-title-font);
font-size:var(--header-hero-title-size);
font-weight:400;
line-height:1.02;
color:inherit;
}
.johle-header-hero-overlay:not(.no-text-shadow){
text-shadow:0 2px 2px rgba(0,0,0,.88),0 0 7px rgba(0,0,0,.68),1px 0 0 rgba(0,0,0,.75),-1px 0 0 rgba(0,0,0,.75);
}
.johle-header-hero-overlay.no-text-shadow{text-shadow:none}
@media(max-width:900px){
.header-brand-inner.has-header-hero{
grid-template-columns:minmax(0,1fr) minmax(280px,52%);
gap:14px;
}
.johle-header-hero-title{font-size:var(--header-hero-mobile-title-size)}
}
@media(max-width:767px){
.header-brand-inner.has-header-hero{
display:grid;
grid-template-columns:minmax(0,1fr) auto;
min-height:0;
}
.header-brand-inner.has-header-hero .header-brand-left{grid-column:1}
.johle-header-hero{
grid-column:1 / -1;
grid-row:2;
width:100%;
height:min(var(--header-hero-height),150px);
margin-top:10px;
}
.johle-header-hero.hide-header-hero-mobile{display:none!important}
.johle-header-hero-overlay{padding:12px 18px}
.johle-header-hero-title{font-size:var(--header-hero-mobile-title-size)}
} @media (min-width:768px){
.header-brand-inner.has-header-hero.header-brand-left-hidden{
display:flex !important;
justify-content:center !important;
align-items:center !important;
position:relative;
}
.header-brand-inner.has-header-hero.header-brand-left-hidden > .johle-header-hero{
width:var(--header-hero-width) !important;
flex:0 0 var(--header-hero-width) !important;
margin-inline:auto !important;
}
} .johle-header-hero-kicker{
font-size:var(--header-hero-kicker-size,18px)!important;
line-height:1.15!important;
}
.johle-header-hero-title{
font-size:var(--header-hero-title-size,42px)!important;
}
@media(max-width:767px){
.johle-header-hero-kicker{
font-size:var(--header-hero-mobile-kicker-size,14px)!important;
}
.johle-header-hero-title{
font-size:var(--header-hero-mobile-title-size,26px)!important;
}
} @media(min-width:768px){
.header-brand-inner.has-header-hero{
position:relative!important;
display:flex!important;
justify-content:center!important;
align-items:center!important;
min-height:calc(var(--header-hero-height) + 20px);
}
.header-brand-inner.has-header-hero > .johle-header-hero{
width:var(--header-hero-width)!important;
flex:0 0 var(--header-hero-width)!important;
margin-left:auto!important;
margin-right:auto!important;
position:relative;
z-index:1;
}
.header-brand-inner.has-header-hero > .header-brand-left{
position:absolute!important;
left:0;
top:50%;
transform:translateY(-50%);
z-index:2;
max-width:calc((100% - var(--header-hero-width))/2 - 18px);
margin:0!important;
}
.header-brand-inner.has-header-hero > .header-brand-left.header-logo-only{
display:flex;
align-items:center;
justify-content:flex-start;
}
.header-brand-inner.has-header-hero > .header-brand-left.header-logo-only .brand-wrap{
display:flex;
align-items:center;
justify-content:flex-start;
}
.header-brand-inner.has-header-hero > .header-brand-left.header-logo-only .brand-logo{
max-height:calc(var(--header-hero-height) * .72)!important;
width:auto!important;
object-fit:contain;
}
} @media(max-width:767px){
.header-brand-inner.has-header-hero > .header-brand-left{
position:static!important;
transform:none!important;
max-width:none!important;
}
} .header-brand-row,
.site-header,
.site-header .header-brand-row,
.site-header .header-brand-inner{
background-color:var(--header-bg,#fffaf7)!important;
}
.header-brand-left .brand-logo,
.header-brand-left .custom-logo{
width:auto!important;
height:auto!important;
max-height:var(--header-logo-size-desktop,96px)!important;
max-width:var(--header-logo-size-desktop,96px)!important;
object-fit:contain!important;
}
@media(max-width:767px){
.header-brand-left .brand-logo,
.header-brand-left .custom-logo{
max-height:var(--header-logo-size-mobile,74px)!important;
max-width:var(--header-logo-size-mobile,74px)!important;
}
} .header-brand-left .site-logo{
display:inline-flex!important;
align-items:center!important;
justify-content:flex-start!important;
line-height:0!important;
}
.header-brand-left .site-logo picture{
display:block!important;
line-height:0!important;
}
.header-brand-left .site-logo img{
display:block!important;
width:var(--header-logo-size-desktop,96px)!important;
max-width:none!important;
height:auto!important;
max-height:none!important;
object-fit:contain!important;
}
@media(max-width:767px){
.header-brand-left .site-logo img{
width:var(--header-logo-size-mobile,74px)!important;
}
} .site-header,
.header-brand-row,
.header-brand-inner,
.site-header .container.header-brand-inner{
background:var(--header-bg,#fffaf7)!important;
background-color:var(--header-bg,#fffaf7)!important;
} body.single-post .entry-content img[data-johle-lightbox="1"]{
cursor:zoom-in;
}
body.single-post .entry-content a[data-johle-lightbox-link="1"]{
cursor:zoom-in;
}
.johle-post-lightbox[hidden]{display:none!important}
.johle-post-lightbox{
position:fixed;
inset:0;
z-index:999999;
display:grid;
grid-template-columns:64px minmax(0,1fr) 64px;
align-items:center;
padding:28px;
background:rgba(15,10,10,.92);
backdrop-filter:blur(8px);
-webkit-backdrop-filter:blur(8px);
}
.johle-post-lightbox-stage{
margin:0;
min-width:0;
max-width:100%;
max-height:calc(100vh - 56px);
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.johle-post-lightbox-stage img{
display:block;
max-width:min(1500px,100%);
max-height:calc(100vh - 130px);
width:auto;
height:auto;
object-fit:contain;
border-radius:12px;
box-shadow:0 18px 55px rgba(0,0,0,.45);
}
.johle-post-lightbox-stage figcaption{
margin-top:12px;
max-width:900px;
color:#fff;
text-align:center;
font-size:.95rem;
line-height:1.45;
}
.johle-post-lightbox-close,
.johle-post-lightbox-prev,
.johle-post-lightbox-next{
appearance:none;
border:0;
color:#fff;
background:rgba(255,255,255,.12);
cursor:pointer;
border-radius:999px;
}
.johle-post-lightbox-close{
position:absolute;
right:20px;
top:20px;
width:46px;
height:46px;
font-size:32px;
line-height:1;
}
.johle-post-lightbox-prev,
.johle-post-lightbox-next{
width:48px;
height:48px;
font-size:40px;
line-height:.9;
justify-self:center;
}
.johle-post-lightbox-download{
position:absolute;
left:50%;
bottom:18px;
transform:translateX(-50%);
display:inline-flex;
align-items:center;
justify-content:center;
min-height:40px;
padding:8px 16px;
border-radius:999px;
background:#fff;
color:#5b1f26!important;
font-weight:700;
text-decoration:none!important;
}
html.johle-lightbox-open,
body.johle-lightbox-open{overflow:hidden!important}
@media(max-width:700px){
.johle-post-lightbox{
grid-template-columns:44px minmax(0,1fr) 44px;
padding:18px 8px;
}
.johle-post-lightbox-stage img{
max-height:calc(100vh - 120px);
border-radius:8px;
}
.johle-post-lightbox-prev,
.johle-post-lightbox-next{
width:40px;
height:40px;
font-size:32px;
}
.johle-post-lightbox-close{
width:42px;
height:42px;
right:10px;
top:10px;
}
} body.single-post .entry-content .johle-lightbox-target{
cursor:zoom-in!important;
}
body.single-post .entry-content .johle-lightbox-trigger{
cursor:zoom-in!important;
}
body.single-post .entry-content .johle-lightbox-position{
position:relative!important;
}
body.single-post .entry-content .johle-lightbox-trigger,
body.single-post .entry-content .johle-lightbox-position{
max-width:100%;
}
.johle-lightbox-zoom-badge{
position:absolute;
right:12px;
bottom:12px;
z-index:5;
display:flex;
align-items:center;
justify-content:center;
width:44px;
height:44px;
border-radius:50%;
background:rgba(255,255,255,.94);
color:#5b1f26;
box-shadow:0 4px 16px rgba(0,0,0,.25);
opacity:0;
transform:scale(.9);
transition:opacity .16s ease,transform .16s ease;
pointer-events:none;
}
.johle-lightbox-trigger:hover > .johle-lightbox-zoom-badge,
.johle-lightbox-position:hover > .johle-lightbox-zoom-badge{
opacity:1;
transform:scale(1);
}
.johle-lightbox-magnifier{
position:relative;
display:block;
width:17px;
height:17px;
border:3px solid currentColor;
border-radius:50%;
}
.johle-lightbox-magnifier::after{
content:"";
position:absolute;
width:9px;
height:3px;
right:-8px;
bottom:-5px;
border-radius:2px;
background:currentColor;
transform:rotate(45deg);
transform-origin:left center;
}
@media(hover:none){
.johle-lightbox-zoom-badge{opacity:.88;transform:scale(.88)}
}
.johle-lightbox[hidden]{display:none!important}
.johle-lightbox{
position:fixed;
inset:0;
z-index:2147483000;
}
.johle-lightbox-backdrop{
position:absolute;
inset:0;
background:rgba(14,9,10,.93);
backdrop-filter:blur(7px);
-webkit-backdrop-filter:blur(7px);
}
.johle-lightbox-dialog{
position:absolute;
inset:0;
display:grid;
grid-template-columns:64px minmax(0,1fr) 64px;
align-items:center;
gap:10px;
padding:28px 22px;
}
.johle-lightbox-stage{
grid-column:2;
margin:0;
min-width:0;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.johle-lightbox-image{
display:block;
width:auto;
height:auto;
max-width:min(1600px,100%);
max-height:calc(100vh - 130px);
object-fit:contain;
border-radius:10px;
background:#111;
box-shadow:0 18px 60px rgba(0,0,0,.5);
}
.johle-lightbox-caption{
max-width:950px;
margin-top:12px;
color:#fff;
text-align:center;
line-height:1.45;
}
.johle-lightbox-close,
.johle-lightbox-prev,
.johle-lightbox-next{
appearance:none;
border:1px solid rgba(255,255,255,.2);
border-radius:50%;
background:rgba(255,255,255,.13);
color:#fff;
cursor:pointer;
box-shadow:none;
}
.johle-lightbox-close:hover,
.johle-lightbox-prev:hover,
.johle-lightbox-next:hover{background:rgba(255,255,255,.24)}
.johle-lightbox-close{
position:absolute;
top:16px;
right:16px;
z-index:3;
width:48px;
height:48px;
font-size:34px;
line-height:1;
}
.johle-lightbox-prev,
.johle-lightbox-next{
position:relative;
z-index:2;
width:50px;
height:50px;
font-size:40px;
line-height:.8;
justify-self:center;
}
.johle-lightbox-prev{grid-column:1}
.johle-lightbox-next{grid-column:3}
.johle-lightbox-download{
position:absolute;
left:50%;
bottom:16px;
transform:translateX(-50%);
z-index:3;
min-height:40px;
padding:9px 17px;
border-radius:999px;
background:#fff;
color:#5b1f26!important;
text-decoration:none!important;
font-weight:700;
}
.johle-lightbox-counter{
position:absolute;
left:18px;
top:18px;
z-index:3;
color:#fff;
font-weight:700;
}
html.johle-lightbox-open,
body.johle-lightbox-open{overflow:hidden!important}
@media(max-width:700px){
.johle-lightbox-dialog{
grid-template-columns:42px minmax(0,1fr) 42px;
gap:3px;
padding:58px 5px 38px;
}
.johle-lightbox-image{max-height:calc(100vh - 125px);border-radius:7px}
.johle-lightbox-prev,.johle-lightbox-next{width:38px;height:38px;font-size:30px}
.johle-lightbox-close{top:10px;right:10px;width:42px;height:42px;font-size:30px}
.johle-lightbox-counter{top:18px;left:12px;font-size:.88rem}
.johle-lightbox-caption{padding-inline:8px;font-size:.9rem}
} @media(max-width:767px){
body.johle-mobile-logo-hidden .header-brand-left .site-logo{display:none!important}
body.johle-mobile-logo-hidden .header-brand-left.header-logo-only{display:none!important}
body.johle-mobile-header-compact .header-brand-inner.has-header-hero{padding-top:8px!important;padding-bottom:8px!important;gap:6px!important}
body.johle-mobile-header-compact .header-brand-inner.has-header-hero .header-brand-left{min-height:50px!important;display:flex;align-items:center!important}
body.johle-mobile-header-compact .header-brand-left .site-logo img{width:min(var(--header-logo-size-mobile,74px),58px)!important;max-width:58px!important}
body.johle-mobile-header-compact .johle-header-hero{margin-top:3px!important;height:min(var(--header-hero-height),145px)!important}
body.johle-mobile-header-hero_overlay .header-brand-inner.has-header-hero{display:block!important;position:relative!important;padding:8px 10px!important}
body.johle-mobile-header-hero_overlay .johle-header-hero{display:block!important;width:100%!important;height:min(var(--header-hero-height),170px)!important;margin:0!important}
body.johle-mobile-header-hero_overlay .header-brand-left{position:absolute!important;left:18px!important;top:14px!important;z-index:20!important;transform:none!important;max-width:86px!important;margin:0!important}
body.johle-mobile-header-hero_overlay .header-brand-left .brand-wrap{display:block!important}
body.johle-mobile-header-hero_overlay .header-brand-left .site-branding{display:none!important}
body.johle-mobile-header-hero_overlay .header-brand-left .site-logo img{width:min(var(--header-logo-size-mobile,74px),60px)!important;max-width:60px!important;height:auto!important;filter:drop-shadow(0 2px 4px rgba(255,255,255,.75))}
body.johle-mobile-header-hero_overlay.johle-mobile-logo-hidden .header-brand-left{display:none!important}
body.johle-mobile-header-hero_overlay .johle-header-hero-overlay{padding:36px 20px 14px!important}
}  .johle-pull-refresh{
position:fixed;
z-index:2147482000;
left:50%;
top:max(10px,env(safe-area-inset-top));
transform:translate(-50%,calc(-70px + var(--pull-distance,0px)));
display:flex;
align-items:center;
gap:8px;
padding:9px 14px;
border-radius:999px;
background:rgba(255,250,247,.96);
color:#681923;
box-shadow:0 5px 18px rgba(0,0,0,.16);
font-size:13px;
font-weight:700;
opacity:0;
pointer-events:none;
transition:opacity .12s ease,transform .12s ease;
}
.johle-pull-refresh.is-visible{opacity:1}
.johle-pull-refresh.is-ready .johle-pull-refresh-icon{transform:rotate(180deg)}
.johle-pull-refresh.is-refreshing .johle-pull-refresh-icon{animation:johle-pull-spin .7s linear infinite}
.johle-pull-refresh-icon{font-size:18px;transition:transform .18s ease}
@keyframes johle-pull-spin{to{transform:rotate(360deg)}}
@media(min-width:768px){.johle-pull-refresh{display:none!important}}
@media(prefers-reduced-motion:reduce){.johle-pull-refresh,.johle-pull-refresh-icon{transition:none!important;animation:none!important}} body:has(.awd-app-shell) .entry-header,
body:has(.awd-app-shell) .page-header,
body:has(.awd-app-shell) .entry-title{display:none!important}
body:has(.awd-app-shell) .site-main,
body:has(.awd-app-shell) .entry-content{max-width:none!important}
body:has(.awd-app-shell) .entry-content{margin-top:0!important}
@media(max-width:782px){body:has(.awd-app-shell) .site-content{padding-left:0!important;padding-right:0!important}} body:has(.awd-app-shell){--jp-red:#a92f43;--jp-navy:#17345f;--jp-cream:#fff9f5;--jp-line:#eadfd9;--jp-shadow:0 10px 28px rgba(70,40,35,.08)}
body:has(.awd-app-shell) .awd-app-shell{overflow:visible!important}
body:has(.awd-app-shell) [data-johle-portal-item]{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;background-image:linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,249,246,.94))!important}
body:has(.awd-app-shell) [data-johle-portal-item]:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(53,39,38,.12)!important;border-color:rgba(169,47,67,.22)!important}
body:has(.awd-app-shell) .johle-emoji{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:14px;font-size:23px;line-height:1;background:var(--johle-icon-bg,#fff0f2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.75);flex:0 0 42px}
body:has(.awd-app-shell) [data-johle-kind="anmeldungen"]{--johle-icon-bg:#e9f2ff}
body:has(.awd-app-shell) [data-johle-kind="termine"]{--johle-icon-bg:#fff0d8}
body:has(.awd-app-shell) [data-johle-kind="sprungplan"]{--johle-icon-bg:#f4eaff}
body:has(.awd-app-shell) [data-johle-kind="arbeitsdienste"]{--johle-icon-bg:#e7f7ed}
body:has(.awd-app-shell) [data-johle-kind="tausch"]{--johle-icon-bg:#e7f6f8}
body:has(.awd-app-shell) [data-johle-kind="profil"]{--johle-icon-bg:#edf1ff}
body:has(.awd-app-shell) [data-johle-kind="familie"]{--johle-icon-bg:#fff0e5}
body:has(.awd-app-shell) [data-johle-kind="einwilligungen"]{--johle-icon-bg:#eaf7ed}
body:has(.awd-app-shell) [data-johle-kind="funktion"]{--johle-icon-bg:#f7eafa}
body:has(.awd-app-shell) [data-johle-kind="verlauf"]{--johle-icon-bg:#f0f1f3}
body:has(.awd-app-shell) [data-johle-kind="start"]{--johle-icon-bg:#fde9ec}
body:has(.awd-app-shell) [data-johle-portal-item] .johle-emoji + svg,
body:has(.awd-app-shell) [data-johle-portal-item] .johle-emoji ~ .dashicons{display:none!important} body:has(.awd-app-shell) .johle-portal-quick{position:relative!important;overflow:hidden!important;border:1px solid var(--jp-line)!important;box-shadow:var(--jp-shadow)!important}
body:has(.awd-app-shell) .johle-portal-quick:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;background:var(--johle-accent,#d9a4ad);opacity:.8}
body:has(.awd-app-shell) .johle-portal-quick[data-johle-kind="anmeldungen"]{--johle-accent:#5d8ed8}
body:has(.awd-app-shell) .johle-portal-quick[data-johle-kind="termine"]{--johle-accent:#d79a36}
body:has(.awd-app-shell) .johle-portal-quick[data-johle-kind="sprungplan"]{--johle-accent:#8a61bd}
body:has(.awd-app-shell) .johle-portal-quick[data-johle-kind="arbeitsdienste"]{--johle-accent:#459b65}
body:has(.awd-app-shell) .johle-portal-quick[data-johle-kind="tausch"]{--johle-accent:#4d9ca6}
body:has(.awd-app-shell) .johle-portal-quick[data-johle-kind="profil"]{--johle-accent:#7184c8}
body:has(.awd-app-shell) .johle-portal-quick[data-johle-kind="familie"]{--johle-accent:#d78658} body:has(.awd-app-shell) .johle-portal-menu-item{border-radius:14px!important;margin:2px 0!important}
body:has(.awd-app-shell) .johle-portal-menu-item:hover{background:#fff8f7!important}
body:has(.awd-app-shell) .johle-portal-menu-item[aria-current="page"],body:has(.awd-app-shell) .johle-portal-menu-item.is-active{background:#fbecef!important;box-shadow:inset 4px 0 0 var(--jp-red)!important}
@media(min-width:900px){body:has(.awd-app-shell) .johle-portal-menu-panel{width:min(460px,36vw)!important;max-width:460px!important}}
@media(max-width:782px){
body:has(.awd-app-shell).johle-portal-menu-open{overflow:hidden!important;touch-action:none}
body:has(.awd-app-shell) .johle-portal-menu-panel{max-height:100dvh!important;height:100dvh!important;overflow-y:auto!important;overscroll-behavior:contain!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;padding-bottom:max(28px,env(safe-area-inset-bottom))!important}
body:has(.awd-app-shell) .johle-emoji{width:40px;height:40px;flex-basis:40px;font-size:22px;border-radius:13px}
}
@media(prefers-reduced-motion:reduce){body:has(.awd-app-shell) [data-johle-portal-item]{transition:none!important}}  .awd-app-tilegrid{
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:12px!important;
}
.awd-app-tile{
min-height:132px!important;
padding:14px 12px 12px!important;
border-radius:18px!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:9px!important;
text-align:center!important;
overflow:hidden!important;
border:1px solid #e4e8ef!important;
background:#fff!important;
}
.awd-app-tile__icon{
display:grid!important;
place-items:center!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
border-radius:14px!important;
font-size:24px!important;
line-height:1!important;
}
.awd-app-tile__label,
.awd-app-tile > span:last-child{
display:block!important;
width:100%!important;
max-width:100%!important;
font-size:16px!important;
line-height:1.18!important;
font-weight:800!important;
hyphens:none!important;
word-break:normal!important;
overflow-wrap:break-word!important;
} .awd-dropdown{
box-sizing:border-box!important;
}
.awd-nav-row{
display:grid!important;
grid-template-columns:40px minmax(0,1fr) auto 18px!important;
align-items:center!important;
gap:10px!important;
min-height:50px!important;
padding:6px 10px!important;
border-radius:13px!important;
overflow:hidden!important;
}
.awd-nav-row__icon{
display:grid!important;
place-items:center!important;
width:38px!important;
height:38px!important;
min-width:38px!important;
min-height:38px!important;
border-radius:11px!important;
overflow:hidden!important;
}
.awd-nav-row__icon svg,
.awd-nav-row__icon .awd-icon{
display:block!important;
width:20px!important;
height:20px!important;
max-width:20px!important;
max-height:20px!important;
}
.awd-nav-row__label{
min-width:0!important;
max-width:100%!important;
justify-self:start!important;
text-align:left!important;
font-size:14px!important;
line-height:1.15!important;
font-weight:800!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
}
.awd-nav-badge{
justify-self:end!important;
}
.awd-nav-row__chevron{
justify-self:end!important;
width:18px!important;
text-align:center!important;
}
.awd-nav-row.is-active{
background:#f7e8eb!important;
border-color:#ead0d6!important;
box-shadow:inset 3px 0 0 #A83847!important;
}
@media(min-width:900px){
.awd-dropdown{
width:440px!important;
min-width:440px!important;
max-width:440px!important;
max-height:min(74vh,680px)!important;
overflow-y:auto!important;
overflow-x:hidden!important;
}
}
@media(max-width:700px){
.awd-app-tilegrid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:10px!important;
}
.awd-app-tile{
min-height:112px!important;
}
.awd-dropdown{
width:min(92vw,400px)!important;
min-width:0!important;
max-width:min(92vw,400px)!important;
}
.awd-nav-row{
grid-template-columns:40px minmax(0,1fr) auto 18px!important;
}
}  .awd-nav-row{
display:grid!important;
grid-template-columns:40px 40px minmax(0,1fr) 18px!important;
align-items:center!important;
column-gap:8px!important;
width:100%!important;
}
.awd-nav-row__icon{
grid-column:auto!important;
justify-self:start!important;
} .awd-nav-row__label{
grid-column:auto!important;
justify-self:start!important;
text-align:left!important;
width:auto!important;
max-width:100%!important;
margin:0!important;
padding:0!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
} .awd-nav-badge{
justify-self:end!important;
margin-left:auto!important;
}
.awd-nav-row__chevron{
grid-column:4!important;
justify-self:end!important;
margin:0!important;
} .awd-nav-row > .awd-nav-row__icon + .awd-nav-row__label{
justify-self:start!important;
} .awd-dropdown .awd-nav-row{
text-align:left!important;
}
@media(max-width:700px){
.awd-nav-row{
grid-template-columns:38px 38px minmax(0,1fr) 16px!important;
column-gap:7px!important;
}
}  .awd-nav-row{
display:grid!important;
grid-template-columns:40px minmax(0,1fr) 18px!important;
align-items:center!important;
column-gap:10px!important;
} .awd-nav-row > .awd-nav-row__icon:first-of-type{
display:grid!important;
grid-column:1!important;
} .awd-nav-row > .awd-nav-row__icon:not(:first-of-type){
display:none!important;
} .awd-nav-row__label{
grid-column:2!important;
justify-self:start!important;
text-align:left!important;
margin:0!important;
padding:0!important;
width:auto!important;
max-width:100%!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important;
} .awd-nav-row__chevron{
grid-column:3!important;
justify-self:end!important;
} .awd-nav-row:has(.awd-nav-badge){
grid-template-columns:40px minmax(0,1fr) auto 18px!important;
}
.awd-nav-row:has(.awd-nav-badge) .awd-nav-badge{
grid-column:3!important;
}
.awd-nav-row:has(.awd-nav-badge) .awd-nav-row__chevron{
grid-column:4!important;
}
@media(max-width:700px){
.awd-nav-row{
grid-template-columns:38px minmax(0,1fr) 16px!important;
}
.awd-nav-row:has(.awd-nav-badge){
grid-template-columns:38px minmax(0,1fr) auto 16px!important;
}
}  .awd-app-tile{
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:10px!important;
} .awd-app-tile > .awd-app-tile__icon:first-of-type{
display:grid!important;
place-items:center!important;
width:46px!important;
height:46px!important;
min-width:46px!important;
min-height:46px!important;
margin:0!important;
} .awd-app-tile > .awd-app-tile__icon:not(:first-of-type){
display:none!important;
} .awd-app-tile > .awd-app-tile__icon:first-of-type + .awd-icon,
.awd-app-tile > .awd-app-tile__icon:first-of-type + [class*="icon"]:not(.awd-app-tile__label),
.awd-app-tile > .awd-app-tile__icon:first-of-type + span:has(svg){
display:none!important;
} .awd-app-tile__label,
.awd-app-tile > span:last-child{
margin-top:0!important;
} .awd-app-tile{
min-height:116px!important;
padding:14px 12px!important;
}
@media(max-width:700px){
.awd-app-tile{
min-height:104px!important;
}
.awd-app-tile > .awd-app-tile__icon:first-of-type{
width:42px!important;
height:42px!important;
min-width:42px!important;
min-height:42px!important;
}
}:root{
--wv-accent:#A83847;
--wv-accent-dark:#7f2532;
--wv-bg:#f6f7f7;
--wv-surface:#fff;
--wv-surface-alt:#f4f4f5;
--wv-border:#dcdcde;
--wv-text:#1d2327;
--wv-muted:#646970;
--wv-radius:14px;
--wv-shadow:0 2px 10px rgba(0,0,0,.04);
} .wv-theme-johle{
--wv-accent:var(--primary,#6d1020);
--wv-accent-dark:var(--primary-dark,#3c0a13);
--wv-bg:var(--bg,#fffaf7);
--wv-surface:var(--surface,#fff);
--wv-surface-alt:var(--surface-alt,#f4ede7);
--wv-border:var(--border,#d8cbc0);
--wv-text:var(--text,#1d1b1a);
--wv-muted:var(--muted,#5f5752);
--wv-radius:var(--radius,18px);
--wv-shadow:var(--shadow,0 12px 32px rgba(19,10,10,.08));
}
.wv-portal,.wv-dashboard,.wv-form,.wv-list,.wv-member-grid,.wv-month-grid,.wv-year-grid{color:var(--wv-text)}
.wv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}
.wv-card,.wv-tile,.wv-item{background:var(--wv-surface);border:1px solid var(--wv-border);border-radius:var(--wv-radius);box-shadow:var(--wv-shadow)}
.wv-card{padding:1.2rem;margin:0 0 1rem}.wv-card h2,.wv-card h3,.wv-card h4{margin-top:0;color:var(--wv-text)}
.wv-kpi{font-size:clamp(1.8rem,4vw,2.25rem);font-weight:800;color:var(--wv-accent-dark)}
.wv-form label{display:block;font-weight:700;margin:.8rem 0 .35rem}
.wv-form input,.wv-form textarea,.wv-form select,.wv-filter input,.wv-filter select{box-sizing:border-box;width:100%;max-width:100%;min-height:46px;padding:.7rem .85rem;border:1px solid var(--wv-border);border-radius:12px;background:var(--wv-surface);color:var(--wv-text);font:inherit}
.wv-form textarea{min-height:110px;resize:vertical}
.wv-form input:focus-visible,.wv-form textarea:focus-visible,.wv-form select:focus-visible,.wv-filter input:focus-visible,.wv-filter select:focus-visible,.wv-btn:focus-visible,.wv-portal-nav a:focus-visible{outline:3px solid var(--accent,#b68b2c);outline-offset:2px}
.wv-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:0 1rem}
.wv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:0;border-radius:999px;background:var(--wv-accent);color:#fff!important;padding:.7rem 1.15rem;text-decoration:none!important;cursor:pointer;font:inherit;font-weight:800;line-height:1.2;transition:background .15s ease,transform .15s ease}
.wv-btn:hover{background:var(--wv-accent-dark);color:#fff!important}.wv-btn:active{transform:translateY(1px)}
.wv-btn-small{min-height:40px;padding:.55rem .9rem;font-size:.92em}.wv-btn-secondary{background:transparent;color:var(--wv-accent)!important;border:2px solid var(--wv-accent)}.wv-btn-secondary:hover{background:var(--wv-accent);color:#fff!important}
.wv-list{display:flex;flex-direction:column;gap:.75rem}.wv-item{display:grid;grid-template-columns:auto minmax(0,1fr);gap:1rem;padding:1rem}
.wv-date{min-width:78px;text-align:center;display:flex;flex-direction:column;gap:2px;font-weight:700;color:var(--wv-accent-dark)}.wv-date b{font-size:1.08em}
.wv-notice{padding:.9rem 1rem;border-left:4px solid var(--wv-accent);border-radius:0 12px 12px 0;background:var(--wv-surface-alt)}
.wv-status{display:inline-block;padding:.25rem .6rem;border-radius:999px;background:var(--wv-surface-alt);font-size:.78rem;font-weight:700}.wv-active{background:#dff0d8}.wv-pending{background:#fff3cd}.wv-inactive{background:#eee}
.wv-check{display:inline-flex!important;align-items:center;gap:.4rem;margin:.3rem .9rem .3rem 0!important}.wv-check input{width:auto;min-height:auto}.wv-consent{font-weight:400!important}.wv-shortcodes{line-height:2}.wv-shortcodes code{white-space:nowrap}
.wv-tile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1rem;margin:1rem 0}.wv-tile{padding:1.2rem}.wv-tile h3{margin:.35rem 0}.wv-tile p{margin:0 0 .75rem;color:var(--wv-muted)}.wv-tile-icon{font-size:1.8rem;line-height:1}
.wv-member-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.wv-tags{font-size:.9em;color:var(--wv-muted)}
.wv-calendar-toolbar,.wv-calendar-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin:0 0 .8rem}.wv-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.35rem}.wv-cal-label{text-align:center;font-weight:800;padding:.45rem;color:var(--wv-muted)}.wv-cal-day{min-height:105px;border:1px solid var(--wv-border);border-radius:12px;padding:.45rem;background:var(--wv-surface);overflow:hidden}.wv-cal-day.wv-empty{background:transparent;border-style:dashed}.wv-cal-event{margin-top:.35rem;padding:.4rem .45rem;border-left:3px solid var(--wv-accent);border-radius:0 8px 8px 0;background:var(--wv-surface-alt);font-size:.82em;line-height:1.3}.wv-cal-event small{display:block;color:var(--wv-muted)}
.wv-year-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.wv-year-grid .wv-tile{text-decoration:none;color:inherit}.wv-year-grid .wv-tile:hover{border-color:var(--wv-accent)}
.wv-filter{display:grid;grid-template-columns:minmax(180px,1fr) minmax(160px,240px) auto;gap:.5rem;margin:0 0 1rem;align-items:end}.wv-filter .wv-btn{align-self:stretch}
.wv-pagination{margin:1rem 0;text-align:center}.wv-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:42px;min-height:42px;padding:.35rem .6rem;margin:2px;border:1px solid var(--wv-border);border-radius:999px;text-decoration:none}.wv-pagination .current{background:var(--wv-accent);border-color:var(--wv-accent);color:#fff}
.wv-portal-nav{display:flex;gap:.35rem;overflow-x:auto;margin:0 0 1rem;padding:.4rem;background:var(--wv-surface);border:1px solid var(--wv-border);border-radius:var(--wv-radius);box-shadow:var(--wv-shadow);scrollbar-width:thin}.wv-portal-nav a{white-space:nowrap;padding:.65rem .85rem;text-decoration:none;border-radius:999px;font-weight:700;color:var(--wv-accent)}.wv-portal-nav a:hover{background:var(--wv-surface-alt)}.wv-portal-nav a.active{background:var(--wv-accent);color:#fff}
.wv-data{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:.4rem 1rem}.wv-data dt{font-weight:800}.wv-data dd{margin:0;min-width:0} .wv-theme-johle .wv-card,.wv-theme-johle .wv-tile,.wv-theme-johle .wv-item{border-radius:var(--radius);box-shadow:var(--shadow)}
.wv-theme-johle .wv-btn{border-radius:999px}
.wv-theme-johle .wv-portal-nav{border-radius:var(--radius)}
@media(max-width:760px){.wv-month-grid{grid-template-columns:1fr}.wv-cal-label,.wv-cal-day.wv-empty{display:none}.wv-cal-day{min-height:0}.wv-cal-day>b:before{content:'Tag '}.wv-filter{grid-template-columns:1fr}.wv-portal-nav{position:relative}.wv-data{grid-template-columns:1fr}.wv-data dt{margin-top:.35rem}}
@media(max-width:600px){.wv-item{grid-template-columns:1fr}.wv-date{min-width:0;text-align:left}.wv-card,.wv-tile{padding:1rem}.wv-tile-grid,.wv-member-grid{grid-template-columns:1fr}.wv-calendar-toolbar,.wv-calendar-head{align-items:stretch;flex-direction:column}.wv-calendar-toolbar .wv-btn,.wv-calendar-head .wv-btn{width:100%}}
@media(prefers-reduced-motion:reduce){.wv-btn{transition:none}} .wv-figure-grid,.wv-gallery-grid{align-items:start}.wv-figure img,.wv-gallery img{width:100%;height:auto;border-radius:14px;margin-bottom:.8rem}.wv-gallery .wp-block-gallery{margin-top:1rem}.wv-gallery .wp-block-image img{width:100%;height:auto} .wv-admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:16px 0;padding:14px;background:#fff;border:1px solid #dcdcde;border-radius:10px}.wv-admin-toolbar input[type=search]{min-width:260px;flex:1 1 280px}.wv-admin-toolbar select{min-width:160px}.wv-table-wrap{overflow:auto;background:#fff;border-radius:10px}.wv-ajax-pagination{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin:14px 0}.wv-ajax-pagination .button{min-width:38px;text-align:center}.wv-admin .wv-card{border-radius:12px;box-shadow:0 1px 2px rgba(0,0,0,.04)}@media(max-width:782px){.wv-admin-toolbar>*{width:100%;max-width:none}.wv-admin-toolbar .spinner{width:20px}}
.wv-contact-emoji{font-size:1.25em;line-height:1;vertical-align:-.05em}.wv-functionary{border-top:3px solid var(--wv-accent,#68131c)} .wv-download-category-nav{display:flex;flex-wrap:wrap;gap:.55rem;margin:0 0 1.2rem}
.wv-download-category-nav a{display:inline-flex;gap:.45rem;align-items:center;padding:.55rem .8rem;border:1px solid rgba(0,0,0,.12);border-radius:999px;text-decoration:none;font-weight:700}
.wv-download-category-nav span{display:inline-grid;place-items:center;min-width:1.65rem;height:1.65rem;padding:0 .35rem;border-radius:999px;background:rgba(0,0,0,.07);font-size:.82em}
.wv-download-category{scroll-margin-top:7rem;margin:1.25rem 0 2rem}
.wv-download-category>h3{padding-bottom:.5rem;border-bottom:2px solid color-mix(in srgb,var(--wv-accent,#7b1822) 25%,transparent)}
.wv-download-item{align-items:center} .wv-dashboard .wv-tile{text-decoration:none;color:inherit;display:block}
.wv-dashboard a.wv-tile:hover,.wv-dashboard a.wv-tile:focus-visible{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.09)}
.wv-form input[readonly]{background:#f0f0f1;color:#646970;cursor:not-allowed}
.wv-form label small{display:block;margin-top:4px;color:#646970;font-size:.82em}
.wv-profile-view{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0;border:1px solid var(--wv-border);border-radius:14px;overflow:hidden}
.wv-profile-view>div{display:grid;grid-template-columns:minmax(120px,.8fr) minmax(0,1.2fr);gap:12px;padding:.8rem 1rem;border-bottom:1px solid var(--wv-border);background:var(--wv-surface)}
.wv-profile-view>div:nth-child(odd){border-right:1px solid var(--wv-border)}.wv-profile-view>div:nth-last-child(-n+2){border-bottom:0}
.wv-profile-view dt{font-weight:800;color:var(--wv-muted)}.wv-profile-view dd{margin:0;overflow-wrap:anywhere}.wv-profile-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:1rem 0 0}
@media(max-width:760px){.wv-profile-view{grid-template-columns:1fr}.wv-profile-view>div{border-right:0!important}.wv-profile-view>div:nth-last-child(2){border-bottom:1px solid var(--wv-border)}} .wv-download-grid{display:grid;grid-template-columns:repeat(var(--wv-download-cols,1),minmax(0,1fr));gap:12px}
.wv-download-grid .wv-download-item{margin:0;height:100%;box-sizing:border-box}
.wv-download-view-list .wv-download-grid{grid-template-columns:1fr!important}
.wv-download-view-list .wv-download-item{padding:.75rem 1rem}
.wv-download-view-compact .wv-download-item{padding:.65rem .8rem}
.wv-download-view-compact .wv-download-item h4{margin-bottom:.35rem}
@media(max-width:900px){.wv-download-grid{grid-template-columns:repeat(min(var(--wv-download-cols,1),2),minmax(0,1fr))}}
@media(max-width:620px){.wv-download-grid{grid-template-columns:1fr!important}} .wv-calendar-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:14px}
.wv-calendar-table-wrap{overflow-x:auto}.wv-calendar-table{width:100%;border-collapse:collapse}.wv-calendar-table th,.wv-calendar-table td{padding:.7rem;border-bottom:1px solid rgba(0,0,0,.12);text-align:left}.wv-event-detail{margin-bottom:16px} .wv-function-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.wv-function-card{overflow:hidden}
.wv-function-photo{aspect-ratio:4/3;overflow:hidden;border-radius:12px;margin-bottom:12px;background:#f2efed}
.wv-function-photo img{display:block;width:100%;height:100%;object-fit:cover}
.wv-function-content h4{margin:.1rem 0 .35rem}
.wv-function-contact{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.1)}
.wv-function-contact h5{margin:0 0 10px;font-size:1.02rem}
.wv-function-contact-form{display:grid;gap:10px}
.wv-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wv-function-contact-form label{display:grid;gap:4px;font-weight:650}
.wv-function-contact-form input,.wv-function-contact-form textarea{width:100%;box-sizing:border-box}
.wv-contact-privacy{margin:0;color:#666;font-size:.86rem;line-height:1.45}
.wv-function-contact-notice{padding:9px 11px;border-radius:8px;margin:0 0 10px}
.wv-function-contact-notice.is-success{background:#edf7ed;border:1px solid #b7d7b7}
.wv-function-contact-notice.is-error{background:#fff2f2;border:1px solid #e8bcbc}
.wv-hp{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:620px){.wv-contact-fields{grid-template-columns:1fr}} .wv-functionary-grid{align-items:start}
.wv-functionary{overflow:hidden}
.wv-functionary-photo{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:12px;margin:0 0 12px;background:#f2efed}
.wv-functionary-body h4{margin:.1rem 0 .4rem}
.wv-functionary-phone{margin:.35rem 0}
.wv-function-contact{margin-top:14px;padding-top:14px;border-top:1px solid rgba(0,0,0,.1)}
.wv-function-contact h5{margin:0 0 10px;font-size:1.02rem}
.wv-function-contact-form{display:grid;gap:10px}
.wv-contact-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.wv-function-contact-form label{display:grid;gap:4px;font-weight:650}
.wv-function-contact-form input,.wv-function-contact-form textarea{width:100%;box-sizing:border-box}
.wv-contact-privacy{margin:0;color:#666;font-size:.86rem;line-height:1.45}
.wv-function-contact-notice{padding:9px 11px;border-radius:8px;margin:0 0 10px}
.wv-function-contact-notice.is-success{background:#edf7ed;border:1px solid #b7d7b7}
.wv-function-contact-notice.is-error{background:#fff2f2;border:1px solid #e8bcbc}
.wv-hp{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
@media(max-width:620px){.wv-contact-fields{grid-template-columns:1fr}} .wv-post-overview{display:grid;grid-template-columns:repeat(var(--wv-cols-d,3),minmax(0,1fr));gap:20px;margin:28px 0}
.wv-post-card{min-width:0;background:#fff;border:1px solid rgba(70,35,30,.12);border-radius:14px;overflow:hidden;box-shadow:0 5px 18px rgba(40,20,20,.05)}
.wv-post-image{display:block;overflow:hidden;aspect-ratio:var(--wv-ratio,16/9);background:#eee}
.wv-post-image img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s ease}
.wv-post-card:hover .wv-post-image img{transform:scale(1.025)}
.wv-post-body{padding:16px}.wv-post-body h3{margin:0 0 8px}.wv-post-body h3 a{text-decoration:none;color:inherit}
.wv-post-meta{display:flex;gap:10px;flex-wrap:wrap;font-size:.84rem;opacity:.72;margin-bottom:10px}
.wv-layout-list{grid-template-columns:1fr}.wv-layout-list .wv-post-card{display:grid;grid-template-columns:minmax(180px,32%) 1fr}.wv-layout-list .wv-post-image{height:100%;aspect-ratio:auto}
.wv-layout-compact{grid-template-columns:1fr}.wv-layout-compact .wv-post-card{box-shadow:none;border-width:0 0 1px;border-radius:0}.wv-layout-compact .wv-post-image{display:none}.wv-layout-compact .wv-post-body{padding:12px 0}
.wv-layout-image .wv-post-card{position:relative;min-height:260px}.wv-layout-image .wv-post-image{position:absolute;inset:0;height:100%;aspect-ratio:auto}.wv-layout-image .wv-post-body{position:relative;margin-top:150px;background:linear-gradient(transparent,rgba(0,0,0,.82));color:#fff;padding-top:70px}
.wv-layout-magazine .wv-post-card.is-featured{grid-column:span 2}.wv-layout-magazine .is-featured .wv-post-image{aspect-ratio:16/8}
.wv-layout-staggered .wv-post-card:nth-child(3n+1){transform:translateY(12px)}.wv-layout-staggered .wv-post-card:nth-child(3n+2){transform:translateY(-4px)}
.wv-layout-timeline{grid-template-columns:1fr;position:relative;padding-left:24px}.wv-layout-timeline:before{content:"";position:absolute;left:7px;top:0;bottom:0;width:2px;background:rgba(100,45,45,.25)}.wv-layout-timeline .wv-post-card{position:relative}.wv-layout-timeline .wv-post-card:before{content:"";position:absolute;left:-22px;top:25px;width:10px;height:10px;border-radius:50%;background:currentColor}
.wv-post-pagination,.wv-post-more{display:flex;justify-content:center;gap:7px;margin:24px 0}.wv-post-pagination .page-numbers{padding:7px 11px;border:1px solid rgba(0,0,0,.15);border-radius:8px;text-decoration:none}.wv-post-pagination .current{font-weight:700}
@media(max-width:900px){.wv-post-overview{grid-template-columns:repeat(var(--wv-cols-t,2),minmax(0,1fr))}.wv-layout-magazine .wv-post-card.is-featured{grid-column:span min(2,var(--wv-cols-t,2))}}
@media(max-width:620px){.wv-post-overview{grid-template-columns:repeat(var(--wv-cols-m,1),minmax(0,1fr));gap:14px}.wv-layout-list .wv-post-card{display:block}.wv-layout-list .wv-post-image{aspect-ratio:var(--wv-ratio,16/9)}.wv-layout-staggered .wv-post-card{transform:none!important}.wv-layout-magazine .wv-post-card.is-featured{grid-column:auto}} .wv-post-filter{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:20px 0;padding:12px;border:1px solid rgba(70,35,30,.12);border-radius:12px;background:rgba(255,255,255,.75)}
.wv-post-filter input,.wv-post-filter select{min-height:40px;padding:7px 10px;border:1px solid rgba(70,35,30,.16);border-radius:8px;background:#fff}
.wv-post-filter input[type="search"]{min-width:min(300px,80vw)}
.wv-post-card{position:relative}
.wv-post-new-badge{position:absolute;z-index:3;top:10px;right:10px;padding:4px 8px;border-radius:999px;background:#A83847;color:#fff;font-size:.72rem;font-weight:800;letter-spacing:.03em;box-shadow:0 2px 8px rgba(0,0,0,.18)}
@media(max-width:620px){.wv-post-filter{display:grid;grid-template-columns:1fr}.wv-post-filter label,.wv-post-filter input,.wv-post-filter select,.wv-post-filter .wv-btn{width:100%}} .wv-single-post-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:34px 0 10px;padding-top:22px;border-top:1px solid rgba(70,35,30,.14)}
.wv-single-nav-link{display:flex;gap:10px;align-items:center;min-width:0;padding:13px 14px;border:1px solid rgba(70,35,30,.13);border-radius:12px;background:rgba(255,255,255,.8);color:inherit;text-decoration:none}
.wv-single-nav-link:hover{border-color:rgba(168,56,71,.45);box-shadow:0 4px 14px rgba(50,20,20,.06)}
.wv-single-nav-link span{min-width:0}.wv-single-nav-link small{display:block;opacity:.65;font-size:.75rem;margin-bottom:2px}
.wv-single-nav-link strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wv-single-nav-back{justify-content:center;text-align:center}.wv-single-nav-next{justify-content:flex-end;text-align:right}
@media(max-width:760px){.wv-single-post-nav{grid-template-columns:1fr}.wv-single-nav-back{order:-1}.wv-single-nav-link strong{white-space:normal}} .wv-posts-page-shell{width:100%;max-width:none!important;margin:0!important;padding:0}
.wv-posts-page-inner{width:min(1280px,calc(100% - 40px));margin:0 auto;padding:34px 0 46px}
.wv-posts-page-header{margin:0 0 20px}
.wv-posts-page-header h1{margin:0}
.wv-posts-page-intro{margin:0 0 24px}
.wv-posts-page-shell .wv-post-overview{width:100%}
.wv-layout-staggered{align-items:start}
.wv-layout-staggered .wv-post-card:nth-child(3n+1){transform:translateY(14px)}
.wv-layout-staggered .wv-post-card:nth-child(3n+2){transform:translateY(0)}
.wv-layout-staggered .wv-post-card:nth-child(3n){transform:translateY(28px)}
@media(max-width:900px){
.wv-posts-page-inner{width:min(100% - 28px,1100px)}
.wv-layout-staggered .wv-post-card:nth-child(odd){transform:translateY(10px)}
.wv-layout-staggered .wv-post-card:nth-child(even){transform:none}
}
@media(max-width:620px){
.wv-posts-page-inner{width:min(100% - 22px,720px);padding-top:24px}
.wv-layout-staggered .wv-post-card{transform:none!important}
} .wv-posts-page-shell,
.wv-posts-page-inner,
.wv-post-overview,
.wv-single-post-nav{box-sizing:border-box}
.wv-posts-page-shell{display:block;width:100%;max-width:none!important}
.wv-posts-page-inner{
width:min(1240px,calc(100% - 48px));
margin-inline:auto;
padding:38px 0 54px;
}
.wv-posts-page-header{margin:0 0 22px}
.wv-posts-page-header h1{margin:0;font-size:clamp(1.75rem,3vw,2.5rem)}
.wv-post-filter{
width:100%;
display:flex!important;
gap:10px;
align-items:center;
flex-wrap:wrap;
padding:12px;
margin:0 0 22px;
border:1px solid rgba(91,31,38,.14);
border-radius:12px;
background:rgba(255,255,255,.72);
}
.wv-post-filter label{margin:0}
.wv-post-filter input,
.wv-post-filter select{
min-height:42px;
font:inherit;
line-height:1.2;
}
.wv-post-overview{
width:100%!important;
max-width:none!important;
display:grid!important;
grid-template-columns:repeat(var(--wv-cols-d,3),minmax(0,1fr))!important;
gap:22px!important;
align-items:start;
}
.wv-post-card{
width:100%!important;
min-width:0;
margin:0!important;
overflow:hidden;
border:1px solid rgba(91,31,38,.13);
border-radius:16px;
background:#fffaf7;
box-shadow:0 8px 24px rgba(52,20,23,.07);
}
.wv-post-image{
display:block!important;
width:100%!important;
aspect-ratio:var(--wv-ratio,16 / 9);
overflow:hidden;
background:#eee7e2;
}
.wv-post-image img{
display:block!important;
width:100%!important;
height:100%!important;
max-width:none!important;
object-fit:cover!important;
}
.wv-post-body{padding:17px 18px 18px!important}
.wv-post-body h3{margin:0 0 9px!important;line-height:1.22}
.wv-post-meta{display:flex!important;gap:8px 12px!important;flex-wrap:wrap!important;margin:0 0 10px!important}
.wv-post-meta span,.wv-post-meta time{display:inline-flex}
.wv-post-body p{margin:.5rem 0 1rem;line-height:1.55}
.wv-post-body .wv-btn{display:inline-flex!important}
.wv-layout-staggered .wv-post-card:nth-child(3n+1){transform:translateY(12px)}
.wv-layout-staggered .wv-post-card:nth-child(3n+2){transform:none}
.wv-layout-staggered .wv-post-card:nth-child(3n){transform:translateY(24px)}
.wv-single-post-nav{
width:100%;
display:grid!important;
grid-template-columns:minmax(0,1fr) minmax(180px,.78fr) minmax(0,1fr)!important;
gap:12px!important;
align-items:stretch;
margin:34px 0 6px!important;
padding:22px 0 0!important;
border-top:1px solid rgba(91,31,38,.15);
}
.wv-single-nav-link{
display:flex!important;
min-width:0;
gap:10px;
align-items:center;
padding:13px 14px!important;
border:1px solid rgba(91,31,38,.14)!important;
border-radius:12px!important;
background:#fffaf7!important;
color:#5b1f26!important;
text-decoration:none!important;
line-height:1.2;
}
.wv-single-nav-link:hover{background:#f8ece8!important;border-color:rgba(168,56,71,.42)!important}
.wv-single-nav-copy{display:block;min-width:0}
.wv-single-nav-copy small{display:block;margin-bottom:4px;opacity:.7;font-size:.75rem}
.wv-single-nav-copy strong{display:block;white-space:normal;overflow-wrap:anywhere}
.wv-single-nav-arrow{font-size:1.25rem;line-height:1}
.wv-single-nav-prev{justify-content:flex-start}
.wv-single-nav-back{justify-content:center;text-align:center}
.wv-single-nav-next{justify-content:flex-end;text-align:right}
.wv-single-nav-empty{display:block;min-height:1px}
@media(max-width:900px){
.wv-posts-page-inner{width:min(100% - 30px,1000px)}
.wv-post-overview{grid-template-columns:repeat(var(--wv-cols-t,2),minmax(0,1fr))!important}
.wv-layout-staggered .wv-post-card:nth-child(odd){transform:translateY(8px)}
.wv-layout-staggered .wv-post-card:nth-child(even){transform:none}
}
@media(max-width:680px){
.wv-posts-page-inner{width:min(100% - 22px,720px);padding-top:24px}
.wv-post-overview{grid-template-columns:repeat(var(--wv-cols-m,1),minmax(0,1fr))!important}
.wv-layout-staggered .wv-post-card{transform:none!important}
.wv-post-filter{display:grid!important;grid-template-columns:1fr}
.wv-post-filter label,.wv-post-filter input,.wv-post-filter select,.wv-post-filter .wv-btn{width:100%!important}
.wv-single-post-nav{grid-template-columns:1fr!important}
.wv-single-nav-empty{display:none}
.wv-single-nav-back{order:-1}
.wv-single-nav-next{text-align:left;justify-content:flex-start}
} .wv-single-post-nav{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;gap:14px!important;align-items:center!important}
.wv-single-nav-link{min-height:78px!important;padding:12px 16px!important;border-radius:14px!important}
.wv-single-nav-copy strong{display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden!important;line-height:1.24!important;font-size:.96rem!important}
.wv-single-nav-copy small{font-size:.72rem!important;margin-bottom:4px!important}
.wv-single-nav-back{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;min-height:48px!important;padding:9px 15px!important;border:1px solid rgba(91,31,38,.15)!important;border-radius:999px!important;background:#fffaf7!important;color:#5b1f26!important;text-decoration:none!important;white-space:nowrap}
.wv-single-nav-back:hover{background:#f8ece8!important;border-color:rgba(168,56,71,.42)!important}
@media(max-width:680px){.wv-single-post-nav{grid-template-columns:1fr!important;gap:9px!important}.wv-single-nav-back{justify-self:center!important;order:-1}.wv-single-nav-link{min-height:0!important}} .wv-downloads-modern{--wv-dl-accent:var(--wv-accent,#A83847);display:grid;gap:18px;max-width:1180px;margin:0 auto}.wv-dl-heading h2{margin:0 0 4px;font-size:clamp(1.7rem,3vw,2.35rem);color:#35171c}.wv-dl-heading p{margin:0;color:#75656a}.wv-dl-tools{display:grid;gap:12px;padding:14px;border:1px solid #eadfe1;border-radius:18px;background:#fffdfa;box-shadow:0 8px 24px rgba(62,27,33,.05)}.wv-dl-search{display:flex;align-items:center;gap:9px;border:1px solid #e1d4d7;border-radius:12px;padding:0 12px;background:#fff}.wv-dl-search input{border:0!important;box-shadow:none!important;outline:0!important;width:100%;min-height:44px;background:transparent}.wv-dl-root-nav{display:flex;gap:8px;flex-wrap:wrap}.wv-dl-root-nav button{border:1px solid #e3d6d9;background:#fff;border-radius:999px;padding:8px 12px;color:#681923;font-weight:700;cursor:pointer}.wv-dl-root-nav button.active,.wv-dl-root-nav button:hover{background:#f6e9e7;border-color:#d8bfc3}.wv-dl-count{display:inline-grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#f1e5e6;font-size:11px;padding:0 6px}.wv-dl-tree{display:grid;gap:10px}.wv-dl-category{border:1px solid #eadfe1;border-radius:16px;background:#fffdfa;overflow:hidden}.wv-dl-category.depth-1,.wv-dl-category.depth-2,.wv-dl-category.depth-3{margin:10px 0 0 20px;border-radius:13px}.wv-dl-category-head{width:100%;display:flex;align-items:center;gap:9px;border:0;background:transparent;padding:13px 15px;text-align:left;color:#4b2028;font-weight:800;cursor:pointer}.wv-dl-category-head:hover{background:#fbf3f1}.wv-dl-category-name{flex:1}.wv-dl-chevron{transition:transform .15s}.wv-dl-category-head[aria-expanded=false] .wv-dl-chevron{transform:rotate(-90deg)}.wv-dl-category-body{padding:0 14px 14px}.wv-dl-files{display:grid;grid-template-columns:repeat(var(--wv-dl-cols,2),minmax(0,1fr));gap:10px}.wv-dl-files.view-list,.wv-dl-files.view-compact{grid-template-columns:1fr!important}.wv-dl-file{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid #eadfe1;border-radius:13px;padding:12px;background:#fff;min-width:0}.wv-dl-file:hover{border-color:#d9bdc2;box-shadow:0 7px 20px rgba(72,28,35,.06)}.wv-dl-file-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f7ecea;font-size:21px}.wv-dl-file-main h4{margin:0 0 4px;color:#35171c;font-size:15px}.wv-dl-file-main p{margin:0 0 7px;color:#65565a;font-size:13px}.wv-dl-meta{display:flex;gap:7px;flex-wrap:wrap}.wv-dl-meta span{font-size:10px;font-weight:800;color:#77565c;background:#f6eff0;border-radius:999px;padding:3px 7px}.wv-dl-download{display:inline-flex;align-items:center;gap:5px;justify-content:center;border-radius:10px;background:var(--wv-dl-accent);color:#fff!important;text-decoration:none!important;font-weight:800;padding:9px 11px;white-space:nowrap;font-size:12px}.wv-dl-empty{padding:20px;text-align:center;border:1px dashed #dac9cc;border-radius:14px;color:#75656a}.wv-doccat-admin{display:grid;gap:10px;max-width:1250px}.wv-doccat-admin-row{display:grid;grid-template-columns:2fr 2fr .7fr 1fr .7fr auto auto;gap:9px;align-items:end;padding:12px;border:1px solid #dcdcde;border-radius:10px;background:#fff}.wv-doccat-admin-row label{display:grid;gap:4px}.wv-doccat-admin-row input,.wv-doccat-admin-row select{width:100%}.wv-doccat-visible{align-self:center!important;display:flex!important;gap:6px!important;white-space:nowrap}.wv-doccat-visible input{width:auto}.wv-downloads-block-preview{border:1px dashed #b9a9ac;padding:16px;border-radius:12px;background:#fffaf8}@media(max-width:900px){.wv-dl-files{grid-template-columns:1fr!important}.wv-doccat-admin-row{grid-template-columns:1fr 1fr}.wv-dl-file{grid-template-columns:auto 1fr}.wv-dl-download{grid-column:1/-1}}@media(max-width:600px){.wv-dl-tools{padding:10px}.wv-dl-category.depth-1,.wv-dl-category.depth-2,.wv-dl-category.depth-3{margin-left:10px}.wv-dl-category-body{padding:0 9px 9px}.wv-dl-file{padding:10px}.wv-doccat-admin-row{grid-template-columns:1fr}} .wv-doccat-admin-row label strong{white-space:nowrap}
.wv-doccat-admin-row input[type="number"]{min-width:90px} .wv-profile-view>div{min-width:0;align-items:start}
.wv-profile-view dt,.wv-profile-view dd{min-width:0;line-height:1.45}
.wv-profile-view dd{word-break:normal;overflow-wrap:anywhere}
.wv-profile-view>div:last-child:nth-child(odd){grid-column:1/-1;border-right:0!important;border-bottom:0}
.wv-profile-view>div:last-child:nth-child(odd){grid-template-columns:minmax(150px,.38fr) minmax(0,1.62fr)}
@media(max-width:760px){.wv-profile-view>div:last-child:nth-child(odd){grid-column:auto;grid-template-columns:1fr}.wv-profile-view dt{margin-bottom:2px}} .wv-profile-view>div:last-child:nth-child(odd){grid-template-columns:220px minmax(0,1fr)!important;column-gap:18px}
.wv-profile-view>div:last-child:nth-child(odd) dt{overflow-wrap:anywhere}
.wv-profile-view>div:last-child:nth-child(odd) dd{padding-left:0;min-width:0}
@media(max-width:760px){.wv-profile-view>div:last-child:nth-child(odd){grid-template-columns:1fr!important;row-gap:4px}} .wv-profile-view>.wv-profile-groups{grid-column:1/-1!important;display:grid!important;grid-template-columns:minmax(0,170px) minmax(0,1fr)!important;gap:18px!important;border-right:0!important;border-bottom:0!important;align-items:start!important}
.wv-profile-view>.wv-profile-groups dt,.wv-profile-view>.wv-profile-groups dd{min-width:0!important;max-width:100%;overflow-wrap:anywhere!important;word-break:normal!important;white-space:normal!important}
@media(max-width:760px){.wv-profile-view>.wv-profile-groups{grid-column:auto!important;grid-template-columns:1fr!important;gap:4px!important}.wv-profile-view>.wv-profile-groups dt{margin-bottom:0!important}} .wv-security-card{margin-top:28px;border:1px solid #dfe4eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 26px rgba(35,48,72,.055)}
.wv-security-head{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:18px 20px;background:linear-gradient(135deg,#f8f9fb,#f2f4f7);border-bottom:1px solid #e6e9ee}
.wv-security-head h3{margin:0!important;font-size:20px;color:#243b67}
.wv-security-status{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-weight:700;font-size:13px;white-space:nowrap}
.wv-security-status.is-off{background:#fff3cd;color:#735c0f;border:1px solid #f1dfa0}
.wv-security-status.is-on{background:#e8f6ee;color:#176b3a;border:1px solid #bfe3cc}
.wv-security-body{padding:20px}
.wv-2fa-intro{margin:0 0 18px;color:#5d687a}
.wv-2fa-setup{display:grid;grid-template-columns:minmax(230px,270px) 1fr;gap:22px;align-items:start}
.wv-2fa-step{border:1px solid #e5e9ef;border-radius:15px;background:#fbfcfd;padding:16px}
.wv-2fa-step h4{display:flex;align-items:center;gap:9px;margin:0 0 10px;color:#243b67;font-size:16px}
.wv-2fa-step-no{display:inline-grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#A83847;color:#fff;font-size:13px}
.wv-2fa-qr-wrap{display:grid;place-items:center;min-height:250px;background:#fff;border:1px solid #e2e6eb;border-radius:14px;padding:14px}
.wv-2fa-qr-wrap img,.wv-2fa-qr-wrap canvas{max-width:220px!important;width:100%!important;height:auto!important}
.wv-2fa-secret-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.wv-2fa-secret{display:inline-block;background:#202938;color:#fff;border-radius:9px;padding:9px 11px;font-size:14px;letter-spacing:.07em;word-break:break-all;user-select:all}
.wv-2fa-copy{appearance:none;border:1px solid #d8dde6;background:#fff;border-radius:9px;padding:8px 10px;cursor:pointer;font-weight:700;color:#34425b}
.wv-2fa-copy:hover{background:#f4f6f9}
.wv-2fa-form{margin-top:14px}
.wv-2fa-form label{display:grid;gap:6px;font-weight:700;color:#34425b}
.wv-2fa-form input{max-width:260px;font-size:20px;letter-spacing:.18em;text-align:center}
.wv-2fa-help{margin-top:14px;padding:12px 14px;border-radius:12px;background:#f7f8fa;color:#5f6979;font-size:13px}
.wv-2fa-uri{margin-top:12px}
.wv-2fa-uri summary{cursor:pointer;font-weight:700;color:#56647b}
.wv-2fa-uri code{display:block;margin-top:8px;padding:10px;background:#f3f5f7;border-radius:8px;word-break:break-all;font-size:12px}
.wv-2fa-active-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.wv-2fa-active-box{border:1px solid #e3e7ed;border-radius:14px;padding:16px;background:#fbfcfd}
.wv-2fa-recovery{border-left:4px solid #A83847;background:#fff8f8!important}
.wv-2fa-recovery pre{white-space:pre-wrap;font-size:14px;line-height:1.7;background:#fff;border:1px solid #eadfe1;padding:12px;border-radius:10px}
@media(max-width:760px){.wv-security-head{align-items:flex-start;flex-direction:column}.wv-2fa-setup,.wv-2fa-active-grid{grid-template-columns:1fr}.wv-2fa-qr-wrap{min-height:auto}.wv-2fa-form input{max-width:none;width:100%}}