/*
Theme Name: Bockreiter MC
Description: Eigenes Clubdesign in Anthrazit und Kupferorange.
Version: 1.0.1
Requires at least: 6.6
Requires PHP: 8.2
Author: Bockreiter MC
License: GPL-2.0-or-later
Text Domain: bockreiter
*/

:root{color-scheme:dark;--accent:#d08858;--bg:#111213;--muted:#a8a8aa;--line:#323335}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#f2f0eb;font:1rem/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #f0c59f;outline-offset:5px}.wrap{width:min(1240px,88%);margin:auto}.preview{background:#242426;text-align:center;padding:7px 15px;font-size:12px;color:#c6c6c8;letter-spacing:.04em}header{height:100px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:15px;font-size:21px;font-weight:900;letter-spacing:-.5px}.brand img{width:42px;height:55px;object-fit:contain}.brand small{display:block;font-size:10px;letter-spacing:3px;color:var(--muted);font-weight:400}nav{display:flex;gap:27px;font-size:14px}nav a:hover,footer a:hover{color:var(--accent)}.login{border:1px solid #555;background:none;color:white;padding:11px 17px;font-size:14px}.hero{position:relative;min-height:620px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.hero-photo{position:absolute;width:76%;height:100%;right:0;object-fit:cover;object-position:62% center;filter:grayscale(1);opacity:.65}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111213 0%,rgba(17,18,19,.95) 22%,rgba(17,18,19,.25) 73%),linear-gradient(0deg,#111213,transparent 40%)}.hero .wrap{position:relative;z-index:1;padding:66px 0 38px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:3px;color:var(--accent);font-weight:700}.eyebrow:before{content:'';display:inline-block;width:27px;height:2px;background:var(--accent);vertical-align:middle;margin-right:13px}h1{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(65px,8.6vw,124px);font-weight:900;line-height:.94;letter-spacing:1px;margin:30px 0 25px}h1 span{color:var(--accent)}.intro{color:#c1c1c3;max-width:370px;margin:0 0 28px;font-size:17px}.actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:28px;padding:13px 22px;border:1px solid #555;font-size:14px;font-weight:700;background:rgba(17,18,19,.5)}.button.primary{background:var(--accent);color:#111213;border-color:var(--accent)}.button:hover{filter:brightness(1.2)}.hero-bottom{display:flex;justify-content:space-between;margin-top:58px;font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#b6b6b7}.quick{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line)}.quick a{padding:25px 30px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:15px}.quick a:first-child{padding-left:0}.quick a:last-child{border-right:0}.quick small{color:var(--accent);font-size:12px;margin-right:15px}.quick a:hover{color:var(--accent)}section.content{padding:76px 0}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px;gap:20px}h2{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:43px;line-height:1.12;letter-spacing:.5px;margin:13px 0 0;text-transform:uppercase}p{color:#bdbdc0}.text-link{font-size:14px;border-bottom:1px solid #777;padding-bottom:5px}.stories{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.story{border:1px solid var(--line);background:#171819}.story img{width:100%;height:290px;object-fit:cover;display:block}.story .copy{padding:25px 29px}.tag{font-size:12px;color:#aaa;letter-spacing:2px;text-transform:uppercase}.story h3{font-size:25px;line-height:1.2;margin:10px 0 12px}.story p{font-size:15px;margin:0 0 20px}.history{padding:35px;background:#1b1c1e;display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line)}.history h3{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:46px;line-height:1.05;text-transform:uppercase;margin:24px 0}.history p{max-width:380px;font-size:16px}.history .mark{color:var(--accent)}.history a{align-self:start}.lower{display:grid;grid-template-columns:1fr 1fr;gap:65px;border-top:1px solid var(--line);padding:50px 0 65px}.lower h2{font-size:30px}.lower p{font-size:15px}.lower .button{margin-top:10px}footer{border-top:1px solid var(--line);padding:32px 0;color:#939396;font-size:13px}.foot{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap}.footlinks{display:flex;gap:22px;flex-wrap:wrap}dialog{max-width:520px;width:90%;background:#1b1c1e;border:1px solid #555;color:white;padding:35px}dialog::backdrop{background:#000b}dialog h2{font-size:30px}dialog button{background:var(--accent);color:#111213;border:0;padding:10px 24px}.menu{display:none;background:none;color:white;border:1px solid #666;padding:8px 13px}@media(max-width:900px){nav{gap:16px}.brand{font-size:17px}header{gap:15px}.hero-photo{width:100%;opacity:.42}.hero:after{background:linear-gradient(90deg,#111213e8,#11121330),linear-gradient(0deg,#111213,transparent)}.stories{grid-template-columns:1fr 1fr}.history h3{font-size:36px}.story img{height:245px}}@media(max-width:700px){.wrap{width:88%}.preview{font-size:12px}header{height:83px;flex-wrap:wrap;position:relative}.brand img{height:44px;width:35px}.login{display:none}.menu{display:block}nav{display:none;position:absolute;top:82px;left:-7%;right:-7%;padding:25px;background:#202123;z-index:5;flex-direction:column}nav.open{display:flex}.hero{min-height:590px}.hero .wrap{padding-top:55px}h1{font-size:70px}.hero-photo{object-position:65%;opacity:.4}.intro{font-size:16px;max-width:270px}.hero-bottom{margin-top:45px;font-size:12px;letter-spacing:1px;gap:15px}.quick{grid-template-columns:1fr}.quick a{padding:18px 0;border-right:0;border-bottom:1px solid var(--line)}.quick a:last-child{border-bottom:0}section.content{padding:48px 0}.section-title{align-items:start}h2{font-size:33px}.section-title .text-link{white-space:nowrap;margin-top:35px;font-size:12px}.stories,.lower{grid-template-columns:1fr}.story img{height:230px}.history{padding:28px}.history h3{font-size:40px}.lower{gap:40px;padding:38px 0}.footlinks{gap:15px}.eyebrow{font-size:12px;letter-spacing:2px}}

/* CMS layouts */
.page-main{min-height:60vh;padding:55px 0 80px}.page-main>h1,.page-main article>h1{font-size:clamp(38px,6vw,76px);line-height:1.06;margin:0 0 32px;overflow-wrap:anywhere}.prose{font-size:17px;line-height:1.8;overflow-wrap:anywhere}.prose>*{max-width:100%}.prose p{color:#c9c9cb}.prose a{color:var(--accent);text-decoration:underline}.prose img{max-width:100%;height:auto;border-radius:3px}.prose table{max-width:100%;display:block;overflow:auto}.prose iframe{max-width:100%}.prose h2,.prose h3{line-height:1.25}.prose h2{font-size:32px}.prose h3{font-size:25px}.prose li{margin:6px 0}.prose figure{margin:20px 0}.page-main .wp-block-gallery{display:flex;flex-wrap:wrap;gap:16px}.wp-block-gallery figure{flex:1 1 240px}.wp-block-gallery img{width:100%;height:240px;object-fit:cover}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.tile{background:#1b1c1e;border:1px solid var(--line);overflow:hidden}.tile>img,.tile>a>img{width:100%;height:230px;object-fit:cover}.tile-body{padding:24px}.tile h2{font-family:Arial,sans-serif;font-size:25px;text-transform:none}.tile p{font-size:15px}.event-list{display:grid;gap:16px}.event-row{display:flex;gap:25px;padding:25px;border:1px solid var(--line);background:#18191a;align-items:start}.event-date{color:var(--accent);font-weight:bold;min-width:115px}.event-row h2{font-family:Arial,sans-serif;font-size:25px;text-transform:none;margin:0}.event-row p{margin:8px 0}.calendar-nav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin:25px 0}.calendar-nav h2{font-size:25px;text-align:center}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;margin-bottom:35px}.calendar>div{background:#1b1c1e;min-height:90px;padding:10px;overflow-wrap:anywhere}.calendar .weekday{min-height:0;text-align:center;background:transparent;color:#aaa;font-size:13px}.calendar a{display:block;color:var(--accent);font-size:13px;line-height:1.4;margin-top:4px}.calendar .today{outline:1px solid var(--accent)}.calendar .empty{opacity:.3}.br-form{max-width:700px}.br-form label{display:block;font-weight:bold;margin:18px 0 7px}.br-form input:not([type=checkbox]),.br-form textarea,.br-form select{width:100%;padding:12px 14px;background:#202124;border:1px solid #555;color:white;font:inherit}.br-form input:focus,.br-form textarea:focus{outline:2px solid var(--accent)}.br-form .consent{font-size:14px;font-weight:normal;display:flex;gap:12px;align-items:start}.br-form button{margin-top:18px}.notice{padding:17px 22px;border-left:3px solid var(--accent);background:#262221;margin:24px 0}.guest{border-bottom:1px solid var(--line);padding:25px 0}.guest time{font-size:13px;color:#aaa;margin-left:15px}.guest p{white-space:pre-wrap}.pagination{display:flex;gap:15px;margin:30px 0}.pagination a,.pagination span{padding:8px 15px;border:1px solid var(--line)}.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.nav-menu{display:flex;gap:24px;list-style:none;margin:0;padding:0}.nav-menu li{position:relative}.nav-menu .sub-menu{display:none;position:absolute;z-index:10;left:0;top:100%;min-width:210px;background:#232426;padding:14px;list-style:none}.nav-menu li:hover>.sub-menu,.nav-menu li:focus-within>.sub-menu{display:block}.sub-menu a{display:block;padding:8px}.skip{position:absolute;top:-100px;left:20px;z-index:99;background:#111;padding:15px}.skip:focus{top:15px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.site-notice{font-size:14px;padding:10px;text-align:center;background:#262221}.br-form input[type=submit]{background:var(--accent);color:#111;font-weight:bold;cursor:pointer}.search-form{display:flex;gap:10px}.search-field{padding:10px}.prose .aligncenter{display:block;margin-left:auto;margin-right:auto}.hero-title{overflow-wrap:anywhere;font-family:Impact,'Arial Narrow',Arial,sans-serif;font-size:clamp(65px,8.6vw,124px);font-weight:900;line-height:.94;letter-spacing:1px;margin:30px 0 25px}.hero-title span{color:var(--accent)}.lightbox{max-width:95vw;max-height:95vh;padding:15px}.lightbox img{max-width:100%;max-height:78vh;object-fit:contain}.lightbox form{text-align:right}.lightbox button{padding:8px 15px}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.gallery-grid a img{width:100%;height:230px;object-fit:cover}.gallery-grid figure{margin:0}.gallery-grid figcaption{font-size:14px;color:#aaa}.mobile-member{display:none}.editor-styles-wrapper{background:#111213;color:#eee}
@media(max-width:900px){.nav-menu{gap:14px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.cards,.gallery-grid{grid-template-columns:1fr}.nav-menu{display:flex;flex-direction:column;gap:12px}.nav-menu .sub-menu{position:static;display:block;padding:0 15px;background:transparent;font-size:13px}.nav-menu>li>a{font-weight:bold}.hero-title{font-size:clamp(2.5rem,12vw,4.375rem)}.calendar>div{padding:5px;min-height:65px;font-size:12px}.calendar a{font-size:12px}.event-row{gap:14px;padding:16px}.event-date{min-width:80px;font-size:14px}.mobile-member{display:block}.login{display:none}.gallery-grid a img{height:auto}.prose{font-size:16px}}

/* Footer menu: editable under Design > Menus, including on small screens. */
.footer-menu{display:flex;flex-wrap:wrap;gap:15px 22px;list-style:none;margin:0;padding:0}.footer-menu li{margin:0;padding:0}.footer-menu a{display:inline-block;padding:4px 0}