@font-face{font-family:"Wedding Text BT";src:url(//johle.de/wp-content/themes/johle-themes/assets/fonts/WeddingTextBT.woff2) format("woff2"),url(//johle.de/wp-content/themes/johle-themes/assets/fonts/WeddingTextBT.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap;}
:root {
--bg:#fffaf7;--surface:#fff;--surface-alt:#f4ede7;--text:#1d1b1a;--muted:#625b57;--primary:#7b1822;--primary-dark:#4e0d16;--accent:#A83847;--border:#ded2c9;--radius:18px;--shadow:0 12px 32px rgba(31,17,21,.08);--container:1240px;--brand-font:system-ui,sans-serif;--heading-font:system-ui,sans-serif;--brand-title-size:38px;--brand-title-mobile-size:24px;--menu-font-size:17px;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;font-size:18px}a{color:var(--primary);text-decoration-thickness:.1em;text-underline-offset:.15em}a:hover{color:var(--primary-dark)}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--accent);outline-offset:3px}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--heading-font);line-height:1.18}.container{width:min(100% - 2rem,var(--container));margin-inline:auto}.narrow{width:min(100% - 2rem,820px);margin-inline:auto}.skip-link{position:absolute;left:1rem;top:-100px;z-index:9999;background:var(--primary-dark);color:#fff;padding:.8rem 1rem;border-radius:12px}.skip-link:focus{top:1rem} .site-header{background:rgba(255,250,247,.98);border-bottom:1px solid var(--border);box-shadow:0 3px 18px rgba(37,20,24,.04)}.header-brand-row{background:var(--bg)}.header-brand-inner{min-height:118px;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-block:.7rem}.brand-wrap{display:flex;align-items:center;gap:1.25rem;min-width:0}.site-logo{display:flex;align-items:center;flex:0 0 auto;text-decoration:none}.site-logo picture{display:block}.site-logo img{display:block;width:auto;object-fit:contain}.site-branding{min-width:0}.site-kicker{margin:0 0 .1rem;color:var(--primary);font-size:.82rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;line-height:1.3}.site-title{display:block;font-family:var(--brand-font);font-size:var(--brand-title-size);font-weight:700;line-height:1.05;text-decoration:none;color:var(--text);max-width:760px}.site-title-mobile{display:none}.site-description{margin:.25rem 0 0;color:var(--muted);font-size:.9rem}
.johle-header-inline .site-header{position:sticky}.johle-header-inline .header-brand-inner{min-height:94px}.johle-header-inline .site-header{display:flex;align-items:center}.johle-header-inline .header-brand-row{flex:0 1 auto} .hero{padding:4.5rem 0 3rem;background:linear-gradient(180deg,rgba(123,24,34,.06),rgba(123,24,34,0))}.hero-grid,.teaser-grid,.footer-grid{display:grid;gap:1.5rem}.hero-grid{grid-template-columns:1.4fr .9fr;align-items:start}.hero h1{font-size:clamp(2.2rem,5vw,4.2rem);line-height:1.05;margin:.2rem 0 1rem}.eyebrow{color:var(--primary);font-weight:800;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.lead{font-size:1.15rem;max-width:60ch}.hero-panel,.teaser-card,.card,.event-card,.hero-slider,.theme-sidebar,.johle-infobox-block,.entry-card,.dashboard-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-panel{padding:1.5rem}.check-list{margin:0;padding-left:1.2rem}.hero-actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.5rem}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.8rem 1.2rem;border-radius:999px;background:var(--primary);color:#fff;font-weight:800;text-decoration:none;border:0}.button:hover{color:#fff;background:var(--primary-dark)}.button-secondary{background:transparent;color:var(--primary);border:2px solid var(--primary)}.section{padding:2.5rem 0}.section-alt{background:var(--surface-alt);border-block:1px solid var(--border)}.section-header{display:flex;align-items:end;justify-content:space-between;gap:1rem;margin-bottom:1.2rem}.section-header h2,.archive-header h1,.entry-header h1,.hero-slide h2{margin:0;font-size:clamp(1.8rem,3vw,2.6rem)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.card-media{overflow:hidden;border-radius:var(--radius) var(--radius) 0 0;background:var(--surface-alt)}.card-media img{width:100%;aspect-ratio:16/10;object-fit:cover}.card-body{padding:1.1rem 1.1rem 1.2rem}.card-title{margin:.25rem 0 .5rem;font-size:1.25rem}.card-title a{text-decoration:none;color:var(--text)}.text-link{font-weight:800}.event-list{display:grid;gap:1rem}.event-card{padding:1.2rem;display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:1rem;align-items:start}.event-date{margin:0;font-weight:800;color:var(--primary-dark)}.event-time{margin:.15rem 0 0;color:var(--muted)}.teaser-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.teaser-card{padding:1.3rem}.entry-content,.card-text{color:var(--text)}.entry-content>*{max-width:72ch}.entry-content figure{margin-inline:0}.wp-block-image img,.entry-content img{border-radius:16px}.content-with-sidebar{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,.7fr);gap:1.5rem;align-items:start}.sidebar-left .content-with-sidebar{grid-template-columns:minmax(280px,.7fr) minmax(0,1.7fr)}.sidebar-left .main-content-column{order:2}.sidebar-left .theme-sidebar{order:1}.theme-sidebar{padding:1.2rem}.sidebar-widget+.sidebar-widget{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.sidebar-title{margin-top:0} .hero-slider{padding:1.5rem;overflow:hidden}.hero-slider-track{position:relative;min-height:220px}.hero-slide{display:none}.hero-slide.is-active{display:block}.slider-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem}.slider-button{min-width:48px;min-height:48px;border-radius:999px;border:1px solid var(--border);background:var(--surface);font:inherit;font-size:1.35rem;line-height:1}.slider-dots{display:flex;align-items:center;gap:.5rem;justify-content:center;flex:1}.slider-dot{width:16px;height:16px;border-radius:999px;border:2px solid var(--primary);background:transparent}.slider-dot.is-active{background:var(--primary)}
.johle-infobox-block{padding:1.25rem;margin:1.5rem 0}.johle-infobox-block h2,.johle-infobox-block h3{margin-top:0}.site-footer{margin-top:3rem;padding:2.5rem 0 1.5rem;background:#1f1115;color:#f9eef0}.site-footer a{color:#f9d56b}.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-heading,.footer-title{margin-top:0}.footer-bottom{padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.15)}.footer-bottom ul{list-style:none;display:flex;gap:1rem;padding:0;margin:0;flex-wrap:wrap}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}
@media(max-width:1100px){.johle-header-inline .site-header{display:block}}
@media(max-width:980px){body{font-size:17px}.header-brand-inner{min-height:82px;padding-block:.5rem}.brand-wrap{gap:.8rem;max-width:calc(100% - 100px)}.site-logo img{max-width:135px}.site-title{font-size:clamp(1.35rem,4vw,2rem)}.site-kicker{font-size:.72rem}.hero-grid,.footer-grid,.teaser-grid,.card-grid,.content-with-sidebar{grid-template-columns:1fr 1fr}.event-card{grid-template-columns:1fr}.content-with-sidebar,.sidebar-left .content-with-sidebar{grid-template-columns:1fr}.sidebar-left .main-content-column,.sidebar-left .theme-sidebar{order:initial}}
@media(max-width:680px){.container{width:min(100% - 1.25rem,var(--container))}.header-brand-inner{min-height:72px;gap:.5rem}.brand-wrap{gap:.55rem;max-width:calc(100% - 86px)}.site-logo img{max-width:92px}.site-kicker,.site-description,.site-title-full{display:none}.site-title-mobile{display:inline}.site-title{font-size:var(--brand-title-mobile-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:48vw}.hero{padding:2.7rem 0 2rem}.hero h1{font-size:clamp(2.1rem,10vw,3.3rem)}.lead{font-size:1.08rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-grid,.footer-grid,.teaser-grid,.card-grid{grid-template-columns:1fr}.section-header,.slider-controls{flex-direction:column;align-items:stretch}.slider-dots{justify-content:flex-start}.footer-grid{gap:2rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}  html{min-height:100%;background:var(--surface-alt)}
body{min-height:100vh;min-height:100dvh;overscroll-behavior-y:none;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.site-header{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
.site-main{min-height:55vh}
.site-footer{padding-bottom:max(1.5rem,env(safe-area-inset-bottom));padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}
a,button,input,select,textarea{touch-action:manipulation}
@media(display-mode:standalone){body{padding-top:env(safe-area-inset-top)}.site-header{top:0}.site-footer{padding-bottom:max(1.5rem,env(safe-area-inset-bottom))}}
@media(max-width:680px){
.entry-content,.main-content-column,.theme-sidebar{min-width:0}
.entry-content table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
.entry-content iframe,.entry-content video{max-width:100%}
input,select,textarea{max-width:100%;font-size:16px}
.wp-block-buttons>.wp-block-button{width:100%}.wp-block-button__link{width:100%;text-align:center}
} :root{
--johle-warm-bg:#f6eee8;
--johle-warm-surface:#fffaf6;
--johle-warm-alt:#eaded6;
--johle-wine:#76151f;
--johle-wine-dark:#3a1017;
--johle-gold:#c39a52;
--johle-footer:#241216;
}
body{background:var(--johle-warm-bg)}
.site-main{background:linear-gradient(180deg,var(--johle-warm-bg) 0,var(--johle-warm-surface) 22rem,var(--johle-warm-surface) 100%)}
.header-brand-row{background:linear-gradient(180deg,#fffaf7 0,#f8eee8 100%)}
.site-header{border-bottom-color:#d9c7bb;box-shadow:0 4px 16px rgba(58,16,23,.06)}
.site-branding{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.site-kicker{width:100%;text-align:center;color:var(--primary);letter-spacing:.065em}
.site-title{width:100%;text-align:center;color:var(--johle-wine-dark);font-weight:400}
.hero{background:linear-gradient(180deg,#eadbd4 0,#f5ebe5 52%,rgba(255,250,246,0) 100%);border-bottom:1px solid #ddcbc0}
.eyebrow{color:var(--johle-wine);letter-spacing:.1em}
.hero h1,.section-header h2,.archive-header h1,.entry-header h1{color:var(--johle-wine-dark)}
.section-alt{background:#eee2db;border-color:#dbc8bd}
.hero-panel,.teaser-card,.card,.event-card,.hero-slider,.theme-sidebar,.johle-infobox-block,.entry-card,.dashboard-panel{background:#fffaf6;border-color:#ddcfc5;box-shadow:0 10px 26px rgba(58,16,23,.06)}
.button{background:var(--johle-wine)}
.button:hover{background:var(--johle-wine-dark)}
.button-secondary{color:var(--johle-wine);border-color:var(--johle-wine);background:#fffaf6}
.text-link,.event-date{color:var(--johle-wine)}
.section-header{padding-bottom:.7rem;border-bottom:2px solid rgba(118,21,31,.22)}
.section-header::after{content:"";display:block;width:64px;height:2px;background:var(--johle-gold);position:absolute}
.section-header{position:relative}
.section-header::after{left:0;bottom:-2px}  .site-footer{margin-top:3rem;padding:1.55rem 0 1rem;background:var(--johle-footer);color:#f6ece6;border-top:4px solid var(--johle-wine)}
.footer-grid{grid-template-columns:minmax(0,2fr) minmax(180px,1fr) minmax(180px,1fr);gap:1.25rem;align-items:start}
.footer-brand-name{margin:0;color:#fff;font-size:.98rem;font-weight:750;line-height:1.3;white-space:nowrap}
.footer-tagline{margin:.4rem 0 0;font-size:.82rem;line-height:1.45;color:#e5d6ce}
.footer-copy{margin:.65rem 0 0;font-size:.78rem;line-height:1.35;color:#cdbdb5;white-space:nowrap}
.site-footer .widget,.site-footer .widget p,.site-footer .widget li{font-size:.82rem;line-height:1.45}
.site-footer .widget-title,.site-footer .footer-title{font-size:.92rem;margin:0 0 .45rem;color:#fff}
.site-footer a{color:#e1bd70}
.site-footer a:hover{color:#f4d897}
.footer-bottom{padding-top:.7rem;margin-top:.85rem;border-top:1px solid rgba(255,255,255,.12);font-size:.8rem}
.footer-bottom ul{gap:.85rem}
@media(max-width:980px){
.footer-grid{grid-template-columns:1fr 1fr}
.footer-brand{grid-column:1/-1}
}
@media(max-width:680px){
.site-main{background:var(--johle-warm-surface)}
.site-branding{align-items:center;text-align:center}
.site-title{white-space:nowrap;max-width:52vw;text-align:center}
.footer-grid{grid-template-columns:1fr;gap:1rem}
.footer-brand{grid-column:auto;min-width:0}
.footer-brand-name,.footer-copy{font-size:.75rem;white-space:nowrap;letter-spacing:-.01em}
.footer-tagline{font-size:.76rem}
.footer-widget-column{font-size:.78rem}
} .footer-grid{grid-template-columns:minmax(0,1.6fr) minmax(150px,.8fr) minmax(150px,.8fr) minmax(240px,1fr)}
.footer-login-column{min-width:0;justify-self:end;width:min(100%,320px)}
.footer-login-title{margin:0 0 .5rem;color:#fff;font-size:.9rem;font-weight:800}
.footer-login-column form{display:grid;grid-template-columns:1fr 1fr;gap:.45rem .55rem;margin:0}
.footer-login-column .login-username,.footer-login-column .login-password{margin:0}
.footer-login-column label{display:block;margin:0 0 .18rem;color:#e8d9d2;font-size:.72rem}
.footer-login-column input[type="text"],.footer-login-column input[type="password"]{width:100%;min-height:36px;padding:.38rem .5rem;border:1px solid rgba(255,255,255,.2);border-radius:7px;background:#fffaf7;color:#241216;font-size:.8rem}
.footer-login-column .login-remember{grid-column:1/2;margin:.05rem 0 0;font-size:.72rem}
.footer-login-column .login-remember label{display:flex;align-items:center;gap:.35rem;margin:0}
.footer-login-column .login-submit{grid-column:2/3;margin:0;text-align:right}
.footer-login-column .button{min-height:36px;padding:.45rem .75rem;border-radius:8px;font-size:.78rem}
.footer-login-help,.footer-login-status{margin:.45rem 0 0;font-size:.74rem}
.footer-login-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-top:.45rem}
.footer-login-button{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.42rem .7rem;border-radius:8px;background:var(--johle-wine);color:#fff!important;text-decoration:none;font-size:.76rem;font-weight:800}
.footer-login-link{font-size:.74rem}
@media(max-width:1100px){.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-login-column{justify-self:stretch;width:100%}}
@media(max-width:680px){.footer-grid{grid-template-columns:1fr}.footer-login-column{justify-self:stretch;width:100%}.footer-login-column form{grid-template-columns:1fr}.footer-login-column .login-remember,.footer-login-column .login-submit{grid-column:1}.footer-login-column .login-submit{text-align:left}} .brand-wrap{display:flex;align-items:center;gap:1.25rem;min-width:0}
.site-logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto}
.site-logo img{display:block;width:auto;max-width:100%;object-fit:contain}
.site-branding{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-width:0}
.site-kicker,.site-title{width:100%;text-align:center}
.site-title{display:block} @media (min-width:981px){ } :root{
--johle-black:#171313;
--johle-brown:#5b3a2e;
--johle-wine:#68131c;
--johle-wine-2:#8a2530;
--johle-cream:#f7f0ea;
--johle-gold:#b88a4a;
}
body{
background:
radial-gradient(circle at 10% 0%,rgba(104,19,28,.055),transparent 34rem),
linear-gradient(180deg,#fbf7f3 0%,var(--johle-cream) 100%);
color:var(--text);
}
.site-header{
background:rgba(251,247,243,.96);
border-bottom:1px solid rgba(91,58,46,.18);
box-shadow:0 8px 26px rgba(23,19,19,.055);
backdrop-filter:saturate(135%) blur(9px);
}
.header-brand-row{
background:
linear-gradient(90deg,rgba(104,19,28,.025),transparent 45%,rgba(91,58,46,.025));
}
.site-kicker{
color:var(--johle-wine);
letter-spacing:.075em;
font-weight:850;
}
.site-title{
color:var(--johle-black);
text-shadow:0 1px 0 #fff;
}
.entry-content{
line-height:1.72;
}
.entry-content h1,.entry-content h2,.entry-content h3{
color:var(--johle-black);
}
.entry-content h1{
position:relative;
padding-bottom:.38em;
}
.entry-content h1::after{
content:"";
display:block;
width:72px;
height:4px;
margin-top:.28em;
border-radius:99px;
background:linear-gradient(90deg,var(--johle-wine),var(--johle-gold));
}
.wp-block-image img{
border-radius:18px;
}
.wp-block-image.aligncenter,
.wp-block-image .aligncenter{
text-align:center;
}
.wp-block-image.aligncenter img,
figure.aligncenter img{
margin-inline:auto!important;
}
.card,.johle-card,.sidebar-card,.widget,.johle-infobox-block{
border:1px solid rgba(91,58,46,.14);
box-shadow:0 12px 34px rgba(23,19,19,.07);
}
.site-footer{
border-top:4px solid var(--johle-wine);
background:
linear-gradient(135deg,#171313 0%,#251417 58%,#3a1f1b 100%);
}
.site-footer a{color:#f0c983}
@media (max-width:980px){
.header-brand-inner{padding-block:.65rem}
.brand-wrap{gap:.8rem}
.site-header{box-shadow:0 5px 18px rgba(23,19,19,.07)}
} .entry-content h1::after{content:none!important;display:none!important}
.site-title-mobile{display:none!important}.site-title-full{display:inline!important}
.hero-slide{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:1.5rem;align-items:center}
.hero-slide-media img{display:block;max-height:420px;width:100%;object-fit:contain;border-radius:16px}
.hero-slide-pdf{margin:0}
@media(max-width:760px){.hero-slide{grid-template-columns:1fr}.hero-slide-media img{max-height:300px}} @media(max-width:680px){
.site-kicker{display:block!important;font-size:clamp(.66rem,2.55vw,.82rem)!important;line-height:1.2!important;white-space:normal!important;letter-spacing:.045em!important;margin:0 0 .18rem!important}
.site-description{display:none!important}
.site-title-full{display:inline!important}
.site-title-mobile{display:none!important}
.site-branding{align-items:center!important;text-align:center!important;max-width:min(58vw,350px)!important}
.site-title{max-width:100%!important;font-size:clamp(1.55rem,6vw,2rem)!important;line-height:1!important;white-space:nowrap!important;overflow:visible!important;text-overflow:clip!important}
.brand-wrap{gap:.7rem!important;max-width:calc(100% - 112px)!important}
.site-logo img{max-width:86px!important}
}
@media(max-width:390px){
.site-kicker{font-size:.62rem!important}
.site-title{font-size:1.42rem!important}
.site-logo img{max-width:72px!important}
.brand-wrap{gap:.45rem!important}
}
.brand-home-link{text-decoration:none;color:inherit}.brand-home-link:focus-visible{outline:3px solid var(--primary);outline-offset:5px;border-radius:8px} body.page .entry-header{margin:0 0 clamp(1.1rem,3vw,1.8rem)}
body.page .entry-header h1{font-size:clamp(2rem,5vw,3.25rem);letter-spacing:-.025em;line-height:1.08}
body.page .entry-content{width:100%;max-width:none}
body.page .entry-content>p,body.page .entry-content>ul,body.page .entry-content>ol{max-width:76ch}
.wp-block-table{margin:1.35rem 0;overflow-x:auto;border-radius:16px}
.wp-block-table table,.entry-content>table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid #decfd0;border-radius:16px;overflow:hidden;background:#fffdfa;box-shadow:0 8px 24px rgba(73,26,33,.05)}
.wp-block-table th,.entry-content>table th{padding:13px 15px;background:#f6ebea;color:#4e1820;text-align:left;font-weight:800;border-color:#decfd0}
.wp-block-table td,.entry-content>table td{padding:13px 15px;vertical-align:top;border-color:#e6d9da;overflow-wrap:normal;word-break:normal;hyphens:auto}
.wp-block-table tbody tr:nth-child(even),.entry-content>table tbody tr:nth-child(even){background:#fff9f6}
@media(max-width:680px){
body.page .section{padding:1.6rem 0 2rem}
body.page .entry-header{margin-bottom:1rem}
body.page .entry-header h1{font-size:clamp(2rem,10vw,2.8rem)}
.johle-responsive-table-wrap{overflow:visible!important;border-radius:0!important}
table.johle-responsive-table{display:block!important;width:100%!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important}
table.johle-responsive-table thead{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
table.johle-responsive-table tbody{display:grid!important;gap:14px!important;width:100%!important}
table.johle-responsive-table tbody tr{display:block!important;width:100%!important;padding:0!important;border:1px solid #decfd0!important;border-radius:17px!important;background:#fffdfa!important;box-shadow:0 8px 22px rgba(73,26,33,.06)!important;overflow:hidden!important}
table.johle-responsive-table tbody td{display:grid!important;grid-template-columns:minmax(92px,31%) minmax(0,1fr)!important;gap:12px!important;width:100%!important;padding:11px 14px!important;border:0!important;border-top:1px solid #eee2e2!important;text-align:left!important;overflow-wrap:break-word!important;word-break:normal!important;hyphens:auto!important}
table.johle-responsive-table tbody td::before{content:attr(data-label);color:#85535a;font-size:.78rem;font-weight:800;letter-spacing:.02em}
table.johle-responsive-table tbody td:first-child{display:block!important;padding:15px 14px!important;border-top:0!important;background:#f7ecea!important;color:#48181f!important;font-size:1.05rem!important;font-weight:800!important}
table.johle-responsive-table tbody td:first-child::before{display:none!important}
table.johle-responsive-table tbody td:empty{display:none!important}
} .header-brand-inner.has-header-hero > .johle-header-hero:only-child{
margin-left:auto;
margin-right:auto;
}
.header-brand-inner.has-header-hero:has(> .johle-header-hero:only-child){
justify-content:center;
} .header-brand-row{background:var(--header-bg,#fffaf7);}
.header-brand-inner.has-header-hero{position:relative;}
.header-brand-inner.has-header-hero > .johle-header-hero:only-child{
width:var(--header-hero-width);
margin-inline:auto !important;
flex:0 0 var(--header-hero-width);
}
.johle-header-hero-kicker{font-size:var(--header-hero-kicker-size,18px);}
@media(max-width:767px){
.johle-header-hero-kicker{font-size:var(--header-hero-mobile-kicker-size,14px);}
} .header-brand-inner.header-brand-left-hidden{
display:flex;
justify-content:center !important;
align-items:center;
}
.header-brand-inner.header-brand-left-hidden .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;
} @media(max-width:980px){ .site-header{
overflow:visible!important;
}
.header-brand-row,
.header-brand-inner{
position:relative!important;
z-index:3!important;
}     }