:root { --fw-red:        #CC1A1A;
--fw-red-dark:   #9E0E0E;
--fw-red-light:  #E8302D;
--fw-gold:       #E8A020;
--fw-gold-light: #F5C040; --fw-black:      #0A0A0A;
--fw-dark:       #141414;
--fw-dark-2:     #1C1C1C;
--fw-dark-3:     #252525;
--fw-dark-4:     #2E2E2E;
--fw-gray-dark:  #444444;
--fw-gray:       #888888;
--fw-gray-light: #BBBBBB;
--fw-border:     #333333;
--fw-off-white:  #F5F3F0;
--fw-white:      #FFFFFF; --cat-einsatz:   #CC1A1A;
--cat-uebung:    #1A6FCC;
--cat-jugend:    #22AA55;
--cat-veranst:   #CC8800;
--cat-mannschaft:#7722CC;
--cat-ausruestung:#448833; --font-display:  'Oswald', 'Arial Narrow', Arial, sans-serif;
--font-body:     'Source Sans 3', 'Helvetica Neue', Helvetica, Arial, sans-serif;
--font-mono:     'JetBrains Mono', 'Courier New', monospace; --space-xs:  0.25rem;
--space-sm:  0.5rem;
--space-md:  1rem;
--space-lg:  1.5rem;
--space-xl:  2rem;
--space-2xl: 3rem;
--space-3xl: 4rem; --container-max: 1200px;
--sidebar-width: 320px;
--header-height: 70px;
--topbar-height: 40px; --shadow-sm:   0 1px 3px rgba(0,0,0,0.4);
--shadow-md:   0 4px 12px rgba(0,0,0,0.5);
--shadow-lg:   0 8px 24px rgba(0,0,0,0.6);
--radius-sm:   3px;
--radius-md:   6px;
--radius-lg:   12px;
--transition:  0.2s ease;
} *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
font-size: 16px;
scroll-behavior: smooth;
-webkit-text-size-adjust: 100%;
}
body {
font-family: var(--font-body);
font-size: 1rem;
line-height: 1.65;
color: var(--fw-dark);
background: var(--fw-off-white);
overflow-x: hidden;
}
img { max-width: 100%; height: auto; display: block; }
a { color: var(--fw-red); text-decoration: none; transition: color var(--transition); }
a:hover { color: var(--fw-red-dark); }
ul, ol { list-style: none; }
button { cursor: pointer; border: none; background: none; font-family: inherit; } h1, h2, h3, h4, h5, h6 {
font-family: var(--font-display);
font-weight: 600;
line-height: 1.2;
letter-spacing: 0.02em;
color: var(--fw-dark);
}
h1 { font-size: clamp(1.8rem, 4vw, 2.8rem); font-weight: 700; }
h2 { font-size: clamp(1.4rem, 3vw, 2rem); }
h3 { font-size: clamp(1.1rem, 2.5vw, 1.5rem); }
h4 { font-size: 1.15rem; }
p { margin-bottom: var(--space-md); }
p:last-child { margin-bottom: 0; } .container {
max-width: var(--container-max);
margin: 0 auto;
padding: 0 var(--space-lg);
}
.site-wrapper {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.site-content {
flex: 1;
padding: var(--space-2xl) 0;
}
.content-area {
display: grid;
grid-template-columns: 1fr var(--sidebar-width);
gap: var(--space-2xl);
align-items: start;
}
@media (max-width: 968px) {
.content-area {
grid-template-columns: 1fr;
}
.sidebar { order: 2; }
} .topbar {
background: var(--fw-dark);
border-bottom: 1px solid var(--fw-border);
height: var(--topbar-height);
display: flex;
align-items: center;
}
.topbar .container {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
.topbar-notruf {
display: flex;
align-items: center;
gap: var(--space-lg);
}
.notruf-item {
display: flex;
align-items: center;
gap: var(--space-sm);
font-family: var(--font-display);
font-size: 0.75rem;
font-weight: 600;
letter-spacing: 0.05em;
text-transform: uppercase;
color: var(--fw-gray-light);
}
.notruf-number {
background: var(--fw-red);
color: var(--fw-white);
font-weight: 700;
font-size: 0.85rem;
padding: 2px 8px;
border-radius: var(--radius-sm);
min-width: 36px;
text-align: center;
}
.notruf-number.police { background: #1A5FCC; }
.notruf-number.rescue { background: #CC7700; }
.topbar-social {
display: flex;
align-items: center;
gap: var(--space-sm);
}
.topbar-social a {
display: flex;
align-items: center;
justify-content: center;
width: 28px;
height: 28px;
border-radius: var(--radius-sm);
color: var(--fw-gray);
transition: all var(--transition);
font-size: 13px; line-height: 1;
}
.topbar-social a:hover { background: var(--fw-red); color: var(--fw-white); } .topbar-social svg { width: 14px; height: 14px; max-width: 14px; max-height: 14px; fill: currentColor; } .site-header {
background: var(--fw-dark-2);
border-bottom: 3px solid var(--fw-red);
position: sticky;
top: 0;
z-index: 1000;
box-shadow: var(--shadow-md);
}
.header-inner {
display: flex;
align-items: center;
height: var(--header-height);
gap: var(--space-xl);
} .site-branding {
display: flex;
align-items: center;
gap: var(--space-md);
flex-shrink: 0;
text-decoration: none;
} .site-logo .custom-logo-link {
display: block;
line-height: 0;
}
.site-logo .custom-logo,
.site-logo img.custom-logo {
width: auto !important;
height: 56px !important;
max-height: 56px !important;
max-width: 120px !important;
object-fit: contain !important;
display: block !important;
} .site-logo svg {
width: 52px;
height: 52px;
} .site-logo img:not(.custom-logo) {
height: 52px;
width: auto;
object-fit: contain;
}
.site-title-group {
display: flex;
flex-direction: column;
gap: 0;
}
.site-header .site-title,
#masthead .site-title {
font-family: var(--font-display) !important;
font-size: 1.1rem !important;
font-weight: 700 !important;
color: var(--fw-white) !important;
letter-spacing: 0.06em !important;
text-transform: uppercase !important;
line-height: 1 !important;
margin: 0 !important;
padding: 0 !important;
} .site-tagline-row1 {
display: block;
font-size: 0.58rem;
color: var(--fw-gray);
letter-spacing: 0.1em;
text-transform: uppercase;
margin-top: 3px;
line-height: 1.3;
white-space: nowrap;
} .site-tagline-row2 {
display: block;
font-size: 0.58rem;
color: #CC1A1A;
letter-spacing: 0.04em;
font-style: italic;
text-transform: none;
font-family: var(--font-body);
line-height: 1.3;
white-space: nowrap;
margin-top: 1px;
} .site-tagline {
display: block;
font-size: 0.6rem;
color: var(--fw-gray);
letter-spacing: 0.07em;
text-transform: uppercase;
margin-top: 3px;
} @media (max-width: 580px) {
.site-tagline-row2 { display: none; }
} .main-navigation {
flex: 1;
}
.nav-menu {
display: flex;
align-items: center;
gap: 0;
height: var(--header-height);
}
.nav-menu > li {
position: relative;
height: 100%;
}
.nav-menu > li > a {
display: flex;
align-items: center;
gap: 5px;
height: 100%;
padding: 0 var(--space-md);
font-family: var(--font-display);
font-size: 0.8rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--fw-gray-light);
white-space: nowrap;
position: relative;
transition: color var(--transition);
} .nav-menu > li > a i[class*="fa-"],
.nav-menu > li > a .fa,
.nav-menu > li > a .fas,
.nav-menu > li > a .far,
.nav-menu > li > a .fab {
font-size: 0.82rem !important;
width: 1em;
text-align: center;
flex-shrink: 0;
opacity: 0.85;
}
.nav-menu > li > a::after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3px;
background: var(--fw-red);
transform: scaleX(0);
transition: transform var(--transition);
}
.nav-menu > li:hover > a,
.nav-menu > li.current-menu-item > a,
.nav-menu > li.current-menu-ancestor > a {
color: var(--fw-white);
}
.nav-menu > li:hover > a::after,
.nav-menu > li.current-menu-item > a::after,
.nav-menu > li.current-menu-ancestor > a::after {
transform: scaleX(1);
} .sub-menu {
position: absolute;
top: 100%;
left: 0;
min-width: 240px;
background: var(--fw-dark-3);
border-top: 2px solid var(--fw-red);
border-bottom: 2px solid var(--fw-red);
box-shadow: var(--shadow-lg);
opacity: 0;
visibility: hidden;
transform: translateY(-4px);
transition: all 0.2s ease;
z-index: 100;
}
.nav-menu > li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); }
.sub-menu li a {
display: block;
padding: 0.6rem var(--space-lg);
font-size: 0.8rem;
color: var(--fw-gray-light);
border-bottom: 1px solid var(--fw-border);
transition: all var(--transition);
}
.sub-menu li:last-child a { border-bottom: none; }
.sub-menu li a:hover { background: var(--fw-red); color: var(--fw-white); padding-left: var(--space-xl); } .sub-menu .sub-menu {
top: 0;
left: 100%;
border-top: 2px solid var(--fw-red);
}
.sub-menu li:hover > .sub-menu { opacity: 1; visibility: visible; transform: translateY(0); } .menu-toggle {
display: none;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 5px;
width: 44px;
height: 44px;
padding: 0;
margin-left: auto;
flex-shrink: 0;
background: var(--fw-red);
border-radius: var(--radius-sm);
border: none;
cursor: pointer;
}
.menu-toggle span {
display: block;
width: 20px;
height: 2px;
background: var(--fw-white);
border-radius: 1px;
transition: all var(--transition);
} .menu-toggle.is-open span:nth-child(1) {
transform: translateY(7px) rotate(45deg);
}
.menu-toggle.is-open span:nth-child(2) {
opacity: 0;
transform: scaleX(0);
}
.menu-toggle.is-open span:nth-child(3) {
transform: translateY(-7px) rotate(-45deg);
} .header-search {
flex-shrink: 0;
}
.header-search-btn {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: var(--radius-sm);
color: var(--fw-gray);
border: 1px solid var(--fw-border);
transition: all var(--transition);
}
.header-search-btn:hover { border-color: var(--fw-red); color: var(--fw-red); }
.header-search-btn svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 2; } .hero-section {
background: var(--fw-dark-2);
border-bottom: 3px solid var(--fw-red);
overflow: hidden;
position: relative;
}
.hero-section::before {
content: '';
position: absolute;
inset: 0;
background: 
radial-gradient(ellipse at 80% 50%, rgba(204,26,26,0.15) 0%, transparent 60%),
radial-gradient(ellipse at 20% 80%, rgba(204,26,26,0.08) 0%, transparent 50%);
pointer-events: none;
}
.hero-inner {
display: grid;
grid-template-columns: 1fr 340px;
min-height: 380px;
}
@media (max-width: 768px) {
.hero-inner { grid-template-columns: 1fr; }
}
.hero-featured {
position: relative;
overflow: hidden;
}
.hero-featured a { display: block; height: 100%; }
.hero-featured-img {
width: 100%;
height: 100%;
object-fit: cover;
min-height: 280px;
transition: transform 0.4s ease;
}
.hero-featured:hover .hero-featured-img { transform: scale(1.03); }
.hero-content {
position: absolute;
bottom: 0;
left: 0;
right: 0;
padding: var(--space-xl);
background: linear-gradient(transparent, rgba(0,0,0,0.9));
}
.hero-cat-badge {
display: inline-flex;
align-items: center;
gap: var(--space-xs);
background: var(--fw-red);
color: var(--fw-white);
font-family: var(--font-display);
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 3px 10px;
border-radius: var(--radius-sm);
margin-bottom: var(--space-sm);
}
.hero-title {
color: var(--fw-white);
font-size: clamp(1.2rem, 2.5vw, 1.7rem);
text-shadow: 0 2px 8px rgba(0,0,0,0.8);
margin-bottom: var(--space-sm);
}
.hero-title a { color: inherit; }
.hero-meta {
font-size: 0.75rem;
color: var(--fw-gray-light);
font-family: var(--font-display);
letter-spacing: 0.04em;
}
.hero-secondary {
display: flex;
flex-direction: column;
border-left: 1px solid var(--fw-border);
overflow: hidden;
}
.hero-secondary-item {
flex: 1;
display: flex;
gap: var(--space-md);
padding: var(--space-lg);
border-bottom: 1px solid var(--fw-border);
transition: background var(--transition);
text-decoration: none;
}
.hero-secondary-item:last-child { border-bottom: none; }
.hero-secondary-item:hover { background: rgba(204,26,26,0.08); }
.hero-secondary-thumb {
width: 72px;
height: 72px;
object-fit: cover;
border-radius: var(--radius-sm);
flex-shrink: 0;
background: var(--fw-dark-4);
}
.hero-secondary-info {}
.hero-secondary-cat {
font-size: 0.6rem;
font-family: var(--font-display);
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fw-red);
margin-bottom: 4px;
}
.hero-secondary-title {
font-family: var(--font-display);
font-size: 0.85rem;
font-weight: 600;
color: var(--fw-white);
line-height: 1.3;
margin-bottom: 4px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.hero-secondary-date {
font-size: 0.7rem;
color: var(--fw-gray);
font-family: var(--font-display);
} .posts-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
gap: var(--space-lg);
}
.post-card {
background: var(--fw-white);
border-radius: var(--radius-md);
overflow: hidden;
box-shadow: var(--shadow-sm);
transition: all var(--transition);
border: 1px solid #E0DEDA;
display: flex;
flex-direction: column;
}
.post-card:hover {
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.post-card-thumb {
position: relative;
overflow: hidden;
aspect-ratio: 16/9;
background: var(--fw-dark-4);
}
.post-card-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.4s ease;
}
.post-card:hover .post-card-thumb img { transform: scale(1.05); }
.post-card-cat {
position: absolute;
top: var(--space-sm);
left: var(--space-sm);
font-family: var(--font-display);
font-size: 0.6rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
padding: 3px 8px;
border-radius: var(--radius-sm);
background: var(--fw-red);
color: var(--fw-white);
}
.post-card-cat.cat-uebung    { background: var(--cat-uebung); }
.post-card-cat.cat-jugend    { background: var(--cat-jugend); }
.post-card-cat.cat-veranst   { background: var(--cat-veranst); }
.post-card-cat.cat-mannschaft{ background: var(--cat-mannschaft); }
.post-card-body {
padding: var(--space-lg);
flex: 1;
display: flex;
flex-direction: column;
}
.post-card-meta {
display: flex;
align-items: center;
gap: var(--space-sm);
font-size: 0.7rem;
color: var(--fw-gray);
font-family: var(--font-display);
letter-spacing: 0.04em;
text-transform: uppercase;
margin-bottom: var(--space-sm);
}
.post-card-meta-dot { width: 4px; height: 4px; border-radius: 50%; background: var(--fw-red); }
.post-card-title {
font-size: 1rem;
font-weight: 600;
color: var(--fw-dark);
line-height: 1.3;
margin-bottom: var(--space-sm);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.post-card-title a { color: inherit; }
.post-card-title a:hover { color: var(--fw-red); }
.post-card-excerpt {
font-size: 0.85rem;
color: var(--fw-gray-dark);
line-height: 1.6;
flex: 1;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin-bottom: var(--space-md);
}
.post-card-footer {
display: flex;
align-items: center;
justify-content: space-between;
padding-top: var(--space-sm);
border-top: 1px solid #E0DEDA;
margin-top: auto;
}
.read-more-link {
font-family: var(--font-display);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fw-red);
display: flex;
align-items: center;
gap: 4px;
transition: gap var(--transition);
}
.read-more-link:hover { gap: 8px; color: var(--fw-red-dark); }
.read-more-link svg { width: 12px; height: 12px; fill: none; stroke: currentColor; stroke-width: 2.5; }
.post-card-comments {
font-size: 0.72rem;
color: var(--fw-gray);
display: flex;
align-items: center;
gap: 4px;
} .post-list-item {
display: flex;
gap: var(--space-md);
padding: var(--space-lg) 0;
border-bottom: 1px solid #E0DEDA;
text-decoration: none;
}
.post-list-item:first-child { padding-top: 0; }
.post-list-item:last-child { border-bottom: none; }
.post-list-thumb {
width: 90px;
height: 68px;
object-fit: cover;
border-radius: var(--radius-sm);
flex-shrink: 0;
background: var(--fw-dark-4);
}
.post-list-body {}
.post-list-cat {
font-size: 0.6rem;
font-family: var(--font-display);
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fw-red);
margin-bottom: 3px;
}
.post-list-title {
font-family: var(--font-display);
font-size: 0.9rem;
font-weight: 600;
color: var(--fw-dark);
line-height: 1.3;
margin-bottom: 3px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}
.post-list-item:hover .post-list-title { color: var(--fw-red); }
.post-list-date {
font-size: 0.7rem;
color: var(--fw-gray);
font-family: var(--font-display);
} .einsatz-badge {
display: inline-flex;
align-items: center;
gap: var(--space-sm);
background: var(--fw-red);
color: var(--fw-white);
padding: var(--space-sm) var(--space-lg);
border-radius: var(--radius-sm);
margin-bottom: var(--space-lg);
}
.einsatz-badge .nr {
font-family: var(--font-display);
font-size: 0.7rem;
letter-spacing: 0.1em;
text-transform: uppercase;
opacity: 0.8;
}
.einsatz-badge .label {
font-family: var(--font-display);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
} .sidebar {
display: flex;
flex-direction: column;
gap: var(--space-lg);
}
.widget {
background: var(--fw-white);
border-radius: var(--radius-md);
overflow: hidden;
box-shadow: var(--shadow-sm);
border: 1px solid #E0DEDA;
}
.widget-header {
padding: var(--space-md) var(--space-lg);
background: var(--fw-dark-2);
display: flex;
align-items: center;
gap: var(--space-sm);
}
.widget-title {
font-family: var(--font-display);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fw-white);
margin: 0;
}
.widget-icon {
width: 16px;
height: 16px;
fill: var(--fw-red);
flex-shrink: 0;
}
.widget-body {
padding: var(--space-lg);
} .notruf-widget-list { display: flex; flex-direction: column; gap: var(--space-sm); }
.notruf-widget-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: var(--space-sm) var(--space-md);
background: var(--fw-off-white);
border-radius: var(--radius-sm);
border: 1px solid #E0DEDA;
}
.notruf-widget-number {
font-family: var(--font-display);
font-size: 1.6rem;
font-weight: 700;
color: var(--fw-red);
line-height: 1;
}
.notruf-widget-number.police { color: #1A5FCC; }
.notruf-widget-number.rescue { color: #CC7700; }
.notruf-widget-number.mountain { color: #22AA55; }
.notruf-widget-label {
font-size: 0.75rem;
color: var(--fw-gray-dark);
font-weight: 600;
text-align: right;
}
.notruf-cta {
margin-top: var(--space-md);
padding: var(--space-sm) var(--space-md);
background: rgba(204,26,26,0.06);
border-radius: var(--radius-sm);
border: 1px solid rgba(204,26,26,0.2);
font-size: 0.75rem;
color: var(--fw-gray-dark);
text-align: center;
} .telegram-widget {
text-align: center;
}
.telegram-widget img { width: 100%; border-radius: var(--radius-sm); margin-bottom: var(--space-md); }
.telegram-link {
display: inline-flex;
align-items: center;
gap: var(--space-sm);
background: #229ED9;
color: var(--fw-white);
padding: var(--space-sm) var(--space-lg);
border-radius: 20px;
font-family: var(--font-display);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.04em;
transition: background var(--transition);
text-decoration: none;
}
.telegram-link:hover { background: #1A8EC0; color: var(--fw-white); } .widget-recent-posts {} .cat-list { display: flex; flex-direction: column; }
.cat-list-item {
display: flex;
align-items: center;
justify-content: space-between;
padding: 0.5rem 0;
border-bottom: 1px solid #E0DEDA;
text-decoration: none;
}
.cat-list-item:last-child { border-bottom: none; }
.cat-list-name {
display: flex;
align-items: center;
gap: var(--space-sm);
font-size: 0.85rem;
color: var(--fw-dark);
font-weight: 500;
}
.cat-list-dot {
width: 8px;
height: 8px;
border-radius: 50%;
background: var(--fw-red);
flex-shrink: 0;
}
.cat-list-count {
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 700;
color: var(--fw-gray);
background: var(--fw-off-white);
padding: 2px 7px;
border-radius: 10px;
}
.cat-list-item:hover .cat-list-name { color: var(--fw-red); } .section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: var(--space-lg);
padding-bottom: var(--space-md);
border-bottom: 2px solid var(--fw-border);
}
.section-title {
font-family: var(--font-display);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fw-dark);
display: flex;
align-items: center;
gap: var(--space-sm);
}
.section-title-bar {
width: 3px;
height: 1em;
background: var(--fw-red);
border-radius: 1px;
margin-right: 2px;
}
.section-more {
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fw-red);
display: flex;
align-items: center;
gap: 4px;
} .single-post-header {
background: var(--fw-dark-2);
padding: var(--space-2xl) 0;
border-bottom: 3px solid var(--fw-red);
margin-bottom: var(--space-2xl);
}
.single-post-header-inner {
display: flex;
flex-direction: column;
gap: var(--space-md);
}
.single-breadcrumb {
display: flex;
align-items: center;
gap: var(--space-sm);
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--fw-gray);
}
.single-breadcrumb a { color: var(--fw-gray); }
.single-breadcrumb a:hover { color: var(--fw-white); }
.single-breadcrumb span { color: var(--fw-red); }
.single-post-title {
color: var(--fw-white);
font-size: clamp(1.5rem, 3.5vw, 2.4rem);
font-weight: 700;
max-width: 780px;
line-height: 1.2;
}
.single-post-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: var(--space-lg);
font-family: var(--font-display);
font-size: 0.75rem;
color: var(--fw-gray-light);
letter-spacing: 0.04em;
text-transform: uppercase;
}
.single-post-meta span {
display: flex;
align-items: center;
gap: 5px;
}
.single-post-meta svg { width: 13px; height: 13px; fill: none; stroke: currentColor; stroke-width: 2; color: var(--fw-red); } .single-featured {
width: 100%;
max-height: 500px;
object-fit: cover;
border-radius: var(--radius-md);
margin-bottom: var(--space-2xl);
box-shadow: var(--shadow-md);
} .entry-content {
font-size: 1rem;
line-height: 1.75;
color: var(--fw-dark);
max-width: 720px;
}
.entry-content p { margin-bottom: var(--space-lg); }
.entry-content h2, .entry-content h3 { margin: var(--space-xl) 0 var(--space-md); }
.entry-content ul, .entry-content ol {
list-style: disc;
padding-left: var(--space-xl);
margin-bottom: var(--space-lg);
}
.entry-content ol { list-style: decimal; }
.entry-content li { margin-bottom: var(--space-sm); }
.entry-content img {
border-radius: var(--radius-md);
box-shadow: var(--shadow-md);
margin: var(--space-xl) 0;
}
.entry-content a { color: var(--fw-red); text-decoration: underline; }
.entry-content blockquote {
border-left: 4px solid var(--fw-red);
padding: var(--space-md) var(--space-xl);
background: var(--fw-off-white);
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
margin: var(--space-xl) 0;
font-style: italic;
color: var(--fw-gray-dark);
} .pagination {
display: flex;
align-items: center;
justify-content: center;
gap: var(--space-sm);
margin-top: var(--space-2xl);
}
.page-numbers {
display: flex;
align-items: center;
justify-content: center;
min-width: 36px;
height: 36px;
padding: 0 var(--space-sm);
border-radius: var(--radius-sm);
font-family: var(--font-display);
font-size: 0.8rem;
font-weight: 600;
color: var(--fw-dark);
border: 1px solid #E0DEDA;
background: var(--fw-white);
transition: all var(--transition);
text-decoration: none;
}
.page-numbers:hover,
.page-numbers.current {
background: var(--fw-red);
color: var(--fw-white);
border-color: var(--fw-red);
} .site-footer {
background: var(--fw-dark);
border-top: 3px solid var(--fw-red);
color: var(--fw-gray-light);
}
.footer-main {
padding: var(--space-3xl) 0 var(--space-2xl);
display: grid;
grid-template-columns: 2fr 1fr 1fr 1fr;
gap: var(--space-2xl);
}
@media (max-width: 768px) {
.footer-main { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 480px) {
.footer-main { grid-template-columns: 1fr; }
}
.footer-brand {}
.footer-logo {
display: flex;
align-items: center;
gap: var(--space-md);
margin-bottom: var(--space-lg);
text-decoration: none;
}
.footer-logo-img {
width: 52px;
height: 52px;
object-fit: contain;
filter: brightness(0.9);
}
.footer-logo-title {
font-family: var(--font-display);
font-size: 1rem;
font-weight: 700;
color: var(--fw-white);
letter-spacing: 0.06em;
text-transform: uppercase;
}
.footer-brand-desc {
font-size: 0.85rem;
line-height: 1.65;
color: var(--fw-gray);
margin-bottom: var(--space-lg);
}
.footer-social {
display: flex;
gap: var(--space-sm);
}
.footer-social a {
display: flex;
align-items: center;
justify-content: center;
width: 36px;
height: 36px;
border-radius: var(--radius-sm);
background: var(--fw-dark-3);
color: var(--fw-gray);
border: 1px solid var(--fw-border);
transition: all var(--transition);
}
.footer-social a:hover { background: var(--fw-red); color: var(--fw-white); border-color: var(--fw-red); }
.footer-social svg { width: 15px; height: 15px; fill: currentColor; }
.footer-col-title {
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fw-white);
margin-bottom: var(--space-md);
padding-bottom: var(--space-sm);
border-bottom: 1px solid var(--fw-border);
}
.footer-nav { display: flex; flex-direction: column; gap: 6px; }
.footer-nav a {
font-size: 0.82rem;
color: var(--fw-gray);
transition: color var(--transition);
display: flex;
align-items: center;
gap: 5px;
}
.footer-nav a::before {
content: '›';
color: var(--fw-red);
font-weight: 700;
}
.footer-nav a:hover { color: var(--fw-white); }
.footer-bottom {
padding: var(--space-md) 0;
border-top: 1px solid var(--fw-border);
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: var(--space-md);
}
.footer-copyright {
font-size: 0.75rem;
color: var(--fw-gray);
}
.footer-links {
display: flex;
gap: var(--space-lg);
}
.footer-links a {
font-size: 0.75rem;
color: var(--fw-gray);
transition: color var(--transition);
}
.footer-links a:hover { color: var(--fw-white); } .btn {
display: inline-flex;
align-items: center;
gap: 0.45rem;
padding: 0.65rem 1.5rem;
border-radius: 24px;
font-family: var(--font-display);
font-size: 0.82rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
transition: all var(--transition);
text-decoration: none !important;
cursor: pointer;
white-space: nowrap;
line-height: 1.25;
min-height: 44px;
}
.btn-primary {
background: var(--fw-red);
color: var(--fw-white);
border: 2px solid var(--fw-red);
}
.btn-primary:hover {
background: var(--fw-red-dark);
border-color: var(--fw-red-dark);
color: var(--fw-white);
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(204,26,26,0.35);
}
.btn-outline {
background: transparent;
color: var(--fw-red);
border: 2px solid var(--fw-red);
}
.btn-outline:hover {
background: var(--fw-red);
color: var(--fw-white);
transform: translateY(-1px);
box-shadow: 0 4px 14px rgba(204,26,26,0.25);
} .btn-group {
display: flex;
flex-wrap: wrap;
gap: 0.6rem;
align-items: center;
margin: 1.5rem 0;
}  .search-overlay {
position: absolute;
top: 100%;
left: 0;
right: 0;
background: var(--fw-dark-3);
border-top: 1px solid var(--fw-border);
border-bottom: 3px solid var(--fw-red);
padding: 1rem 0;
z-index: 1000;
animation: slideDown 0.2s ease;
}
.search-overlay[hidden] {
display: none;
}
@keyframes slideDown {
from { opacity: 0; transform: translateY(-8px); }
to   { opacity: 1; transform: translateY(0); }
}
.search-form {
display: flex;
gap: 0;
max-width: 600px;
margin: 0 auto;
}
.search-field {
flex: 1;
background: var(--fw-dark-4);
border: 1.5px solid var(--fw-border);
border-right: none;
border-radius: var(--radius-sm) 0 0 var(--radius-sm);
padding: 0.6rem 1rem;
color: var(--fw-white);
font-family: var(--font-body);
font-size: 0.95rem;
outline: none;
transition: border-color 0.2s;
}
.search-field::placeholder { color: var(--fw-gray); }
.search-field:focus { border-color: var(--fw-red); }
.search-submit {
background: var(--fw-red);
border: none;
border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
color: var(--fw-white);
font-family: var(--font-display);
font-size: 0.78rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
padding: 0.6rem 1.25rem;
cursor: pointer;
transition: background 0.2s;
white-space: nowrap;
}
.search-submit:hover { background: var(--fw-red-dark); } .mobile-sub-toggle {
display: none;
} @media (max-width: 968px) { .topbar .notruf-item { display: none; }
.topbar .notruf-item:first-child { display: flex; }
.topbar-social { display: none; } .site-header .header-inner {
flex-wrap: nowrap;
height: var(--header-height);
}
.header-search { display: none; } .main-navigation {
display: none;
order: 3;
}
.main-navigation.is-open {
display: block;
} .menu-toggle {
display: flex;
order: 2;
} .main-navigation.is-open {
position: fixed; top: calc(var(--header-height) + var(--topbar-height));
left: 0;
right: 0;
bottom: 0;
background: var(--fw-dark-2);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
padding: var(--space-lg);
z-index: 9999;
} .admin-bar .main-navigation.is-open {
top: calc(var(--header-height) + var(--topbar-height) + 32px);
}
.main-navigation.is-open .nav-menu {
flex-direction: column;
height: auto;
gap: 0;
align-items: stretch;
}
.main-navigation.is-open .nav-menu > li {
height: auto;
position: relative;
} .main-navigation.is-open .nav-menu > li > a {
display: flex;
align-items: center;
justify-content: flex-start;
gap: 10px;
padding: 14px var(--space-sm);
border-bottom: 1px solid var(--fw-border);
font-size: 0.95rem;
color: var(--fw-white);
text-transform: uppercase;
letter-spacing: 0.07em;
font-weight: 700;
font-family: var(--font-display);
text-decoration: none;
}
.main-navigation.is-open .nav-menu > li > a::after {
display: none; } .main-navigation.is-open .nav-menu > li > a i {
font-size: 0.9rem;
color: var(--fw-red);
width: 18px;
text-align: center;
flex-shrink: 0;
} .mobile-sub-toggle {
position: absolute;
right: 0;
top: 0;
height: 100%;
width: 48px;
display: flex;
align-items: center;
justify-content: center;
background: transparent;
border: none;
border-left: 1px solid var(--fw-border);
cursor: pointer;
color: var(--fw-gray);
font-size: 0.75rem;
transition: all 0.2s;
-webkit-tap-highlight-color: transparent;
}
.mobile-sub-toggle:hover,
.mobile-sub-toggle:active {
background: rgba(204,26,26,0.15);
color: var(--fw-red);
}
.mobile-sub-toggle i {
transition: transform 0.25s;
pointer-events: none;
}
.menu-item-has-children.is-open > .mobile-sub-toggle i {
transform: rotate(180deg);
} .main-navigation.is-open .menu-item-has-children > a {
padding-right: 56px;
} .main-navigation.is-open .sub-menu {
position: static !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
box-shadow: none !important;
border: none !important;
border-left: 2px solid var(--fw-red) !important;
margin-left: 28px !important;
padding-left: 0 !important;
display: none;
background: transparent !important;
min-width: auto !important;
width: auto !important;
}
.main-navigation.is-open .sub-menu.is-open {
display: block !important;
}
.main-navigation.is-open .sub-menu li {
height: auto !important;
list-style: none;
}
.main-navigation.is-open .sub-menu li a {
display: flex !important;
align-items: center !important;
gap: 8px !important;
font-size: 0.82rem !important;
padding: 10px 12px !important;
color: var(--fw-gray-light) !important;
border-bottom: 1px solid rgba(255,255,255,0.05) !important;
text-transform: none !important;
letter-spacing: 0.02em !important;
font-weight: 500 !important;
text-decoration: none !important;
}
.main-navigation.is-open .sub-menu li a i {
font-size: 0.75rem !important;
color: var(--fw-red) !important;
width: 14px !important;
text-align: center !important;
flex-shrink: 0 !important;
}
.main-navigation.is-open .sub-menu li a:hover {
color: var(--fw-white) !important;
background: rgba(255,255,255,0.05) !important;
} .hero-inner { grid-template-columns: 1fr; }
.hero-secondary { border-left: none; border-top: 1px solid var(--fw-border); }
.posts-grid { grid-template-columns: 1fr; }
}   .gallery {
display: grid !important;
gap: 6px !important;
margin: 1.5rem 0 !important;
float: none !important;
width: 100% !important;
grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)) !important;
} .gallery.gallery-columns-1 { grid-template-columns: 1fr !important; }
.gallery.gallery-columns-2 { grid-template-columns: repeat(2, 1fr) !important; }
.gallery.gallery-columns-3 { grid-template-columns: repeat(3, 1fr) !important; }
.gallery.gallery-columns-4 { grid-template-columns: repeat(4, 1fr) !important; }
.gallery.gallery-columns-5 { grid-template-columns: repeat(5, 1fr) !important; }
.gallery.gallery-columns-6 { grid-template-columns: repeat(6, 1fr) !important; }
.gallery.gallery-columns-7 { grid-template-columns: repeat(7, 1fr) !important; }
.gallery.gallery-columns-8 { grid-template-columns: repeat(8, 1fr) !important; }
.gallery.gallery-columns-9 { grid-template-columns: repeat(9, 1fr) !important; } .gallery .gallery-item,
.gallery dl.gallery-item { width: auto !important;
min-width: 0 !important;
max-width: 100% !important;
float: none !important;
margin: 0 !important;
padding: 0 !important;
overflow: hidden !important;
border-radius: var(--radius-sm) !important;
aspect-ratio: 4 / 3 !important;
background: var(--fw-dark-4) !important;
position: relative !important;
display: block !important;
} .gallery .gallery-item a,
.gallery dl.gallery-item dt a {
display: block !important;
width: 100% !important;
height: 100% !important;
cursor: zoom-in !important;
} .gallery .gallery-item img,
.gallery dl.gallery-item img {
width: 100% !important;
height: 100% !important;
max-width: none !important;
object-fit: cover !important;
border-radius: var(--radius-sm) !important;
margin: 0 !important;
padding: 0 !important;
box-shadow: none !important;
display: block !important;
transition: transform 0.35s ease !important;
}
.gallery .gallery-item:hover img,
.gallery dl.gallery-item:hover img { transform: scale(1.04) !important; } .gallery-caption,
.gallery .gallery-caption {
position: absolute !important;
bottom: 0 !important;
left: 0 !important;
right: 0 !important;
background: rgba(0,0,0,0.55) !important;
color: #fff !important;
font-size: 0.72rem !important;
padding: 4px 8px !important;
margin: 0 !important;
line-height: 1.3 !important;
} @media (max-width: 600px) {
.gallery.gallery-columns-3,
.gallery.gallery-columns-4,
.gallery.gallery-columns-5,
.gallery.gallery-columns-6 {
grid-template-columns: repeat(2, 1fr) !important;
}
} .gallery-item a,
.entry-content a:has(img),
.wp-block-image a,
.blocks-gallery-item a,
.vc_single_image-wrapper a {
cursor: zoom-in;
} .gallery-caption,
.wp-caption-text {
font-size: 0.75rem !important;
color: var(--fw-gray) !important;
text-align: center !important;
padding: 4px 6px !important;
line-height: 1.4 !important;
} .wp-block-gallery,
.wp-block-gallery .blocks-gallery-grid {
display: grid !important;
grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)) !important;
gap: var(--space-sm) !important;
margin: var(--space-xl) 0 !important;
}
.wp-block-gallery .blocks-gallery-item,
.wp-block-gallery li {
margin: 0 !important;
display: block !important;
}
.wp-block-gallery figure { margin: 0 !important; }
.wp-block-gallery img {
width: 100% !important;
height: 180px !important;
object-fit: cover !important;
border-radius: var(--radius-sm) !important;
transition: transform 0.35s ease !important;
}
.wp-block-gallery .blocks-gallery-item:hover img { transform: scale(1.06) !important; } .wp-block-image {
margin: var(--space-xl) 0 !important;
}
.wp-block-image img {
border-radius: var(--radius-md) !important;
box-shadow: var(--shadow-md) !important;
} .vc_single_image-wrapper {
overflow: hidden;
border-radius: var(--radius-sm);
display: block;
}
.vc_single_image-wrapper img {
transition: transform 0.35s ease !important;
}
.vc_single_image-wrapper:hover img { transform: scale(1.05) !important; }  .entry-content img:not(.emoji):not(.avatar):not(.wp-smiley),
.page-content img:not(.emoji):not(.wp-smiley) {
max-width: 100% !important;
height: auto !important;
border-radius: var(--radius-md) !important;
display: block !important;
} .entry-content > p > img,
.entry-content > figure > img,
.page-content > p > img {
box-shadow: var(--shadow-sm) !important;
margin: 0.5rem auto !important;
} .entry-content .wp-caption,
.page-content .wp-caption,
.entry-content figure.wp-block-image,
.page-content figure.wp-block-image {
max-width: 100% !important;
width: auto !important;
}
.entry-content .wp-caption img,
.page-content .wp-caption img {
width: 100% !important;
height: auto !important;
display: block !important;
} .gallery-item img,
.wp-block-gallery img { box-shadow: none !important; }
.entry-content a:has(img) {
display: inline-block;
overflow: hidden;
border-radius: var(--radius-md);
}
.entry-content a:has(img) img {
transition: transform 0.35s ease !important;
}
.entry-content a:has(img):hover img { transform: scale(1.04) !important; } .fahrzeug-card {
background: var(--fw-white);
border-radius: var(--radius-md);
overflow: hidden;
border: 1px solid #E0DEDA;
box-shadow: var(--shadow-sm);
}
.fahrzeug-card-header {
background: var(--fw-dark-2);
padding: var(--space-md) var(--space-lg);
display: flex;
align-items: center;
gap: var(--space-sm);
}
.fahrzeug-card-kfz {
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fw-red);
}
.fahrzeug-card-name {
font-family: var(--font-display);
font-size: 1rem;
font-weight: 700;
color: var(--fw-white);
}
.fahrzeug-card-img {
width: 100%;
aspect-ratio: 4/3;
object-fit: cover;
}
.fahrzeug-card-specs {
padding: var(--space-lg);
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-sm);
}
.spec-item {}
.spec-label { font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.08em; color: var(--fw-gray); font-family: var(--font-display); margin-bottom: 2px; }
.spec-value { font-size: 0.88rem; font-weight: 600; color: var(--fw-dark); } .team-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
gap: 1.75rem;
}
.team-card {
text-align: center;
background: var(--fw-white);
border-radius: var(--radius-md);
padding: 1.5rem 1rem 1.1rem;
border: 1px solid #E0DEDA;
box-shadow: var(--shadow-sm);
transition: box-shadow 0.2s ease, transform 0.2s ease;
}
.team-card:hover {
box-shadow: var(--shadow-md);
transform: translateY(-2px);
}
.team-avatar {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
margin: 0 auto 0.9rem;
border: 3px solid var(--fw-red);
background: var(--fw-off-white);
box-shadow: 0 2px 10px rgba(0,0,0,0.12);
display: block;
}
.team-name {
font-family: var(--font-display);
font-size: 0.92rem;
font-weight: 700;
color: var(--fw-dark);
margin-bottom: 3px;
line-height: 1.3;
}
.team-rank {
font-size: 0.72rem;
color: var(--fw-gray);
text-transform: uppercase;
letter-spacing: 0.06em;
font-family: var(--font-display);
}
.team-function {
font-size: 0.76rem;
color: var(--fw-red);
font-style: italic;
margin-top: 3px;
} .sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0;
}
.text-center { text-align: center; }
.mt-0 { margin-top: 0; }
.mb-0 { margin-bottom: 0; }  .alignleft {
float: left;
margin: 0.25rem 1.8rem 1rem 0;
max-width: 45%;
border-radius: var(--radius-md);
}
.alignright {
float: right;
margin: 0.25rem 0 1rem 1.8rem;
max-width: 45%;
border-radius: var(--radius-md);
}
.aligncenter {
display: block;
margin: 1rem auto;
border-radius: var(--radius-md);
} .entry-content::after,
.page-content::after,
.wpb_wrapper::after,
.vc_column-inner::after {
content: '';
display: table;
clear: both;
}
.wp-caption {
max-width: 100%;
border-radius: var(--radius-md);
overflow: hidden;
}
.wp-caption img {
width: 100%;
height: auto;
display: block;
border-radius: var(--radius-md) var(--radius-md) 0 0;
margin: 0 !important;
box-shadow: none !important;
}
.wp-caption-text {
font-size: 0.78rem;
color: var(--fw-gray-dark);
background: var(--fw-off-white);
border: 1px solid #E0DEDA;
border-top: none;
border-radius: 0 0 var(--radius-md) var(--radius-md);
padding: 0.4rem 0.75rem;
margin: 0 !important;
text-align: center;
}
.sticky { border-left: 4px solid var(--fw-red); padding-left: var(--space-md); }
.bypostauthor {}
.screen-reader-text { @extend .sr-only; } .comments-area {
margin-top: var(--space-2xl);
padding-top: var(--space-2xl);
border-top: 2px solid var(--fw-border);
}
.comment-list { list-style: none; padding: 0; }
.comment { padding: var(--space-lg) 0; border-bottom: 1px solid #E0DEDA; }
.comment-author .fn { font-weight: 700; }
.comment-metadata { font-size: 0.78rem; color: var(--fw-gray); margin-bottom: var(--space-sm); }
.comment-content { font-size: 0.9rem; } .post-list-feed {
display: flex;
flex-direction: column;
} .feed-item {
display: flex;
gap: var(--space-lg);
padding: var(--space-xl) 0;
border-bottom: 1px solid #E5E3DF;
align-items: flex-start;
}
.feed-item:first-child { padding-top: 0; }
.feed-item:last-child  { border-bottom: none; } .feed-item-thumb {
flex-shrink: 0;
width: 240px;
aspect-ratio: 16 / 10;
border-radius: var(--radius-md);
overflow: hidden;
background: #d0cec9; position: relative;
}
.feed-item-thumb a {
display: block;
width: 100%;
height: 100%;
}
.feed-item-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.38s ease;
display: block;
}
.feed-item:hover .feed-item-thumb img { transform: scale(1.05); } .feed-item-thumb .feed-item-cat { display: none; } .feed-item-body {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 0.45rem;
padding-top: 0.15rem;
}
.feed-item-meta {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.4rem;
font-family: var(--font-display);
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
} .feed-item-body .feed-item-cat {
display: inline-block;
background: var(--fw-red);
color: var(--fw-white);
padding: 2px 8px;
border-radius: var(--radius-sm);
text-decoration: none;
transition: background var(--transition);
line-height: 1.6;
}
.feed-item-cat {
display: inline-block;
background: var(--fw-red);
color: var(--fw-white);
padding: 2px 7px;
border-radius: var(--radius-sm);
text-decoration: none;
transition: background var(--transition);
font-family: var(--font-display);
font-size: 0.58rem;
font-weight: 700;
letter-spacing: 0.07em;
text-transform: uppercase;
white-space: nowrap;
line-height: 1.6;
}
.feed-item-cat:hover           { background: var(--fw-red-dark); color: var(--fw-white); }
.feed-item-cat.cat-uebung      { background: var(--cat-uebung); }
.feed-item-cat.cat-uebung:hover{ background: #1558AA; }
.feed-item-cat.cat-jugend      { background: var(--cat-jugend); }
.feed-item-cat.cat-jugend:hover{ background: #189944; }
.feed-item-cat.cat-veranst     { background: var(--cat-veranst); }
.feed-item-cat.cat-veranst:hover{ background: #AA6600; }
.feed-item-cat.cat-mannschaft  { background: var(--cat-mannschaft); }
.feed-item-cat.cat-ausruestung { background: var(--cat-ausruestung); }
.feed-item-date {
display: flex;
align-items: center;
gap: 4px;
color: var(--fw-gray);
font-weight: 600;
}
.feed-item-einsatz-nr {
color: var(--fw-gray);
font-weight: 600;
} .feed-item-meta-sep {
color: #CCC;
font-weight: 400;
}
.feed-item-title {
font-family: var(--font-display);
font-size: 1.08rem;
font-weight: 600;
color: var(--fw-dark);
line-height: 1.3;
margin: 0;
}
.feed-item-title a {
color: inherit;
text-decoration: none;
}
.feed-item-title a:hover { color: var(--fw-red); }
.feed-item-excerpt {
font-size: 0.88rem;
color: var(--fw-gray-dark);
line-height: 1.65;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
margin: 0;
}
.feed-item-more {
display: inline-flex;
align-items: center;
gap: 4px;
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fw-red);
text-decoration: none;
margin-top: 0.25rem;
transition: gap var(--transition), color var(--transition);
width: fit-content;
}
.feed-item-more:hover { gap: 8px; color: var(--fw-red-dark); } @media (max-width: 760px) {
.feed-item-thumb { width: 180px; }
}
@media (max-width: 560px) { .feed-item {
flex-direction: column;
gap: var(--space-md);
padding: var(--space-lg) 0;
}
.feed-item-thumb {
width: 100%;
aspect-ratio: 16 / 9;
border-radius: var(--radius-md);
}
.feed-item-title {
font-size: 1rem;
-webkit-line-clamp: 3;
}
.feed-item-excerpt { -webkit-line-clamp: 2; }
} .cat-tabs {
display: flex;
flex-wrap: wrap;
gap: var(--space-xs);
margin-bottom: var(--space-lg);
padding-bottom: var(--space-md);
border-bottom: 1px solid #E5E3DF;
}
.cat-tab {
display: inline-flex;
align-items: center;
padding: 4px 12px;
border-radius: 20px;
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--fw-gray-dark);
background: var(--fw-off-white);
border: 1px solid #E0DEDA;
text-decoration: none;
transition: all var(--transition);
}
.cat-tab:hover, .cat-tab.is-active {
background: var(--fw-dark-2);
color: var(--fw-white);
border-color: var(--fw-dark-2);
}
.cat-tab.cat-einsatz.is-active  { background: var(--cat-einsatz);  border-color: var(--cat-einsatz); }
.cat-tab.cat-uebung.is-active   { background: var(--cat-uebung);   border-color: var(--cat-uebung); }
.cat-tab.cat-jugend.is-active   { background: var(--cat-jugend);   border-color: var(--cat-jugend); }
.cat-tab.cat-veranst.is-active  { background: var(--cat-veranst);  border-color: var(--cat-veranst); } .no-results {
background: var(--fw-white);
border-radius: var(--radius-md);
padding: var(--space-2xl);
text-align: center;
border: 1px solid #E0DEDA;
}
.no-results h2 {
font-family: var(--font-display);
font-size: 1.2rem;
color: var(--fw-dark);
margin-bottom: var(--space-sm);
}
.no-results p {
color: var(--fw-gray-dark);
font-size: .9rem;
margin-bottom: var(--space-lg);
} .contact-form-wrapper {
background: var(--fw-white);
border-radius: var(--radius-md);
padding: var(--space-2xl);
border: 1px solid #E0DEDA;
box-shadow: var(--shadow-sm);
}
.contact-form-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-lg);
}
@media (max-width: 600px) {
.contact-form-grid { grid-template-columns: 1fr; }
}
.contact-form-grid .fw-field-full {
grid-column: 1 / -1;
}
.fw-field {
display: flex;
flex-direction: column;
gap: 6px;
}
.fw-field label {
font-family: var(--font-display);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
color: var(--fw-dark);
}
.fw-field label .required {
color: var(--fw-red);
margin-left: 2px;
}
.fw-field input[type="text"],
.fw-field input[type="email"],
.fw-field input[type="date"],
.fw-field input[type="tel"],
.fw-field textarea,
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="date"],
.wpcf7-form input[type="tel"],
.wpcf7-form textarea {
width: 100%;
padding: 0.65rem 0.9rem;
border: 1.5px solid #D8D5D0;
border-radius: var(--radius-sm);
font-family: var(--font-body);
font-size: 0.9rem;
color: var(--fw-dark);
background: var(--fw-off-white);
outline: none;
transition: border-color var(--transition), background var(--transition);
appearance: none;
-webkit-appearance: none;
}
.fw-field input:focus,
.fw-field textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form textarea:focus {
border-color: var(--fw-red);
background: var(--fw-white);
box-shadow: 0 0 0 3px rgba(204,26,26,0.08);
}
.fw-field textarea,
.wpcf7-form textarea {
min-height: 140px;
resize: vertical;
line-height: 1.6;
}
.fw-field input.wpcf7-not-valid,
.fw-field textarea.wpcf7-not-valid {
border-color: var(--fw-red);
}
.wpcf7-not-valid-tip {
font-size: 0.75rem;
color: var(--fw-red);
margin-top: 3px;
}
.contact-form-submit {
margin-top: var(--space-sm);
}
.wpcf7-submit,
.fw-submit-btn {
display: inline-flex;
align-items: center;
gap: var(--space-sm);
padding: 0.75rem var(--space-xl);
background: var(--fw-red);
color: var(--fw-white);
border: 2px solid var(--fw-red);
border-radius: var(--radius-sm);
font-family: var(--font-display);
font-size: 0.85rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
cursor: pointer;
transition: background var(--transition), border-color var(--transition);
}
.wpcf7-submit:hover,
.fw-submit-btn:hover {
background: var(--fw-red-dark);
border-color: var(--fw-red-dark);
}
.wpcf7-response-output {
margin-top: var(--space-md) !important;
padding: var(--space-sm) var(--space-md) !important;
border-radius: var(--radius-sm) !important;
font-size: 0.85rem !important;
border-left: 4px solid var(--fw-red) !important;
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
}
.wpcf7-mail-sent-ok  { background: rgba(34,170,85,.08) !important; border-color: #22AA55 !important; color: #166633 !important; }
.wpcf7-validation-errors { background: rgba(204,26,26,.06) !important; } .contact-info-box {
background: var(--fw-dark-2);
border-radius: var(--radius-md);
padding: var(--space-xl);
color: var(--fw-gray-light);
}
.contact-info-box h3 {
font-family: var(--font-display);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fw-white);
margin-bottom: var(--space-md);
padding-bottom: var(--space-sm);
border-bottom: 1px solid var(--fw-border);
}
.contact-info-row {
display: flex;
gap: var(--space-md);
align-items: flex-start;
margin-bottom: var(--space-md);
font-size: 0.85rem;
}
.contact-info-row:last-child { margin-bottom: 0; }
.contact-info-icon {
width: 16px;
height: 16px;
fill: none;
stroke: var(--fw-red);
stroke-width: 2;
flex-shrink: 0;
margin-top: 2px;
}  .skip-link {
position: absolute;
top: -100px;
left: var(--space-md);
z-index: 100000;
padding: var(--space-sm) var(--space-lg);
background: var(--fw-red);
color: var(--fw-white) !important;
font-family: var(--font-display);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
text-decoration: none;
border-radius: 0 0 var(--radius-md) var(--radius-md);
transition: top 0.2s ease;
white-space: nowrap;
}
.skip-link:focus {
top: 0;
outline: 3px solid var(--fw-white);
outline-offset: 2px;
} :focus-visible {
outline: 3px solid var(--fw-red) !important;
outline-offset: 3px !important;
border-radius: var(--radius-sm) !important;
} .nav-menu > li > a,
.topbar-social a,
.header-search-btn,
.menu-toggle,
.fw-lb-close,
.fw-lb-prev,
.fw-lb-next {
min-height: 44px;
min-width: 44px;
} @media (prefers-reduced-motion: reduce) {
*, *::before, *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.gallery-item img,
.feed-item-thumb img,
.wp-block-gallery img,
.vc_single_image-wrapper img { transition: none !important; }
} @media (forced-colors: active) {
.notruf-number,
.feed-item-cat,
.post-card-cat { forced-color-adjust: none; }
:focus-visible { outline: 3px solid ButtonText !important; }
} .screen-reader-text,
.sr-only {
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;
} html { font-size: clamp(15px, 1vw + 10px, 17px); } .entry-content a:not([class]),
.page-content a:not([class]) {
text-decoration: underline;
text-underline-offset: 3px;
text-decoration-thickness: 1px;
}
.entry-content a:not([class]):hover,
.page-content a:not([class]):hover {
text-decoration-thickness: 2px;
}  .feed-item-date,
.post-card-meta,
.single-post-meta { color: #666666; }  [aria-current="page"] > a,
.nav-menu > li > a[aria-current="page"] {
color: var(--fw-white) !important;
}
.nav-menu > li > a[aria-current="page"]::after {
transform: scaleX(1) !important;
} .nav-menu > li > a[aria-expanded="true"] .nav-chevron {
transform: rotate(180deg);
}
.nav-chevron {
transition: transform 0.2s ease;
margin-left: 4px;
opacity: 0.6;
vertical-align: middle;
}  .nav-menu a i,
.sub-menu a i {
width: 1.1em;
text-align: center;
font-size: 0.85em;
opacity: 0.85;
transition: opacity var(--transition);
}
.nav-menu > li > a i { color: var(--fw-red); }
.sub-menu a i { color: var(--fw-gray); }
.nav-menu > li:hover > a i,
.sub-menu li:hover > a i { opacity: 1; } .widget-header .fa,
.widget-header .fa-solid,
.widget-header .fa-regular {
color: var(--fw-red);
font-size: 0.85rem;
margin-right: 6px;
} .btn i, .fw-submit-btn i, .read-more-link i {
font-size: 0.85em;
} .post-navigation {
margin-top: 2.5rem;
padding-top: 1.5rem;
border-top: 2px solid #E0DEDA;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0.75rem;
}
@media (max-width: 540px) {
.post-navigation { grid-template-columns: 1fr; }
.post-nav-next { order: -1; }
} .post-nav-prev a.post-nav-card,
.post-nav-next a.post-nav-card {
display: flex;
align-items: center;
gap: 0.85rem;
padding: 0.85rem;
background: var(--fw-white);
border: 1px solid #E0DEDA;
border-radius: var(--radius-md);
text-decoration: none !important;
transition: border-color 0.18s, box-shadow 0.18s;
min-height: 80px;
}
.post-nav-prev a.post-nav-card:hover,
.post-nav-next a.post-nav-card:hover {
border-color: var(--fw-red);
box-shadow: 0 2px 10px rgba(204,26,26,0.1);
} .post-nav-next a.post-nav-card {
flex-direction: row-reverse;
text-align: right;
} .post-nav-thumb {
flex-shrink: 0;
width: 64px;
height: 64px;
border-radius: var(--radius-sm);
overflow: hidden;
background: var(--fw-off-white);
}
.post-nav-thumb img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
} .post-nav-thumb-placeholder {
width: 64px;
height: 64px;
flex-shrink: 0;
border-radius: var(--radius-sm);
background: var(--fw-off-white);
display: flex;
align-items: center;
justify-content: center;
color: var(--fw-gray-light);
font-size: 1.1rem;
} .post-nav-text { min-width: 0; flex: 1; }
.post-nav-label {
font-family: var(--font-display);
font-size: 0.6rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fw-red);
margin-bottom: 4px;
display: flex;
align-items: center;
gap: 4px;
}
.post-nav-next .post-nav-label { justify-content: flex-end; }
.post-nav-title {
font-family: var(--font-display);
font-weight: 600;
font-size: 0.83rem;
color: var(--fw-dark);
line-height: 1.35;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
transition: color 0.15s;
}
.post-nav-prev a.post-nav-card:hover .post-nav-title,
.post-nav-next a.post-nav-card:hover .post-nav-title {
color: var(--fw-red);
}    .wpb_text_column,
.vc_column-inner,
.vc_column_container,
.entry-content,
.page-content {
display: flow-root;
} .wpb_text_column::after,
.vc_column-inner::after,
.vc_column_container::after,
.entry-content::after,
.page-content::after {
content: '' !important;
display: table !important;
clear: both !important;
} .wpb_wrapper {
position: relative;
}
.wpb_wrapper::after {
content: '';
display: table;
clear: both;
} .vc_row,
.vc_row.wpb_row,
.vc_row-fluid {
margin-left: 0 !important;
margin-right: 0 !important;
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
} .vc_column_container > .vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
} .vc_row + .vc_row { margin-top: 1.5rem; }  .wpb_single_image.vc_align_left {
float: left !important;
margin: 0.25rem 1.75rem 1.25rem 0 !important;
max-width: 48% !important;
clear: none !important;
display: block !important;
}
.wpb_single_image.vc_align_right {
float: right !important;
margin: 0.25rem 0 1.25rem 1.75rem !important;
max-width: 48% !important;
clear: none !important;
display: block !important;
}
.wpb_single_image.vc_align_center {
float: none !important;
display: block !important;
margin: 1rem auto !important;
max-width: 100% !important;
}
.wpb_single_image.vc_align_left .vc_figure,
.wpb_single_image.vc_align_right .vc_figure,
.wpb_single_image.vc_align_left .vc_single_image-wrapper,
.wpb_single_image.vc_align_right .vc_single_image-wrapper {
float: none !important; display: block !important;
max-width: 100% !important;
margin: 0 !important;
} .vc_align_left > .vc_figure,
.vc_align_left > .vc_single_image-wrapper {
float: left !important;
margin: 0.25rem 1.75rem 1.25rem 0 !important;
max-width: 48% !important;
}
.vc_align_right > .vc_figure,
.vc_align_right > .vc_single_image-wrapper {
float: right !important;
margin: 0.25rem 0 1.25rem 1.75rem !important;
max-width: 48% !important;
} .vc_single_image-img,
.vc_single_image-wrapper img {
border-radius: var(--radius-md) !important;
box-shadow: var(--shadow-sm) !important;
width: 100% !important;
height: auto !important;
display: block !important;
} .wpb_text_column { min-height: 1px; }
.wpb_text_column p,
.wpb_text_column ul,
.wpb_text_column ol {
orphans: 2;
widows: 2;
} .vc_row .vc_col-sm-6,
.vc_row .vc_col-sm-4,
.vc_row .vc_col-sm-8,
.vc_row .vc_col-sm-3 {
padding: 0 0.75rem !important;
box-sizing: border-box !important;
}
.vc_row .vc_col-sm-12 {
padding: 0 !important;
} @media (max-width: 768px) {
.vc_row .vc_col-sm-6,
.vc_row .vc_col-sm-4,
.vc_row .vc_col-sm-8,
.vc_row .vc_col-sm-3 {
width: 100% !important;
float: none !important;
padding: 0 !important;
margin-bottom: 1rem !important;
} .wpb_single_image.vc_align_left,
.wpb_single_image.vc_align_right {
float: none !important;
max-width: 100% !important;
margin: 0 0 1rem 0 !important;
}
} .vc_general.vc_btn3 {
border-radius: 24px !important;
font-family: var(--font-display) !important;
font-weight: 700 !important;
letter-spacing: 0.05em !important;
text-transform: uppercase !important;
font-size: 0.82rem !important;
padding: 0.65rem 1.5rem !important;
white-space: nowrap !important;
transition: all 0.2s ease !important;
}
.vc_btn3.vc_btn3-color-juicy-pink,
.vc_btn3.vc_btn3-color-red {
background-color: var(--fw-red) !important;
border-color: var(--fw-red) !important;
color: #fff !important;
}
.vc_btn3.vc_btn3-color-juicy-pink:hover,
.vc_btn3.vc_btn3-color-red:hover {
background-color: var(--fw-red-dark) !important;
border-color: var(--fw-red-dark) !important;
}
.vc_btn3.vc_btn3-style-outline {
background: transparent !important;
color: var(--fw-red) !important;
border: 2px solid var(--fw-red) !important;
}
.vc_btn3.vc_btn3-style-outline:hover {
background: var(--fw-red) !important;
color: #fff !important;
} .wpb_content_element {
margin-bottom: 1.25rem !important;
}
.wpb_content_element:last-child {
margin-bottom: 0 !important;
} .vc_figure-caption,
.wpb_single_image .vc_figure-caption {
font-size: 0.78rem !important;
color: var(--fw-gray-dark) !important;
text-align: center !important;
margin-top: 0.35rem !important;
line-height: 1.4 !important;
} .vc_separator .vc_sep_holder .vc_sep_line {
border-color: #E0DEDA !important;
} .section-header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 1.25rem;
padding-bottom: 0.85rem;
border-bottom: 2px solid #E0DEDA;
gap: 1rem;
}
.section-title {
font-family: var(--font-display);
font-size: 0.8rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fw-dark);
display: flex;
align-items: center;
gap: 0.5rem;
margin: 0;
}
.section-title-bar {
width: 3px;
height: 1.1em;
background: var(--fw-red);
border-radius: 1px;
flex-shrink: 0;
}   .single-hero-wrap {
margin: 0 0 var(--space-xl);
border-radius: var(--radius-md);
overflow: hidden;
background: var(--fw-dark-4);
line-height: 0;
}
.single-featured {
width: 100% !important;
height: auto !important;
max-height: 540px !important;
object-fit: cover !important;
border-radius: var(--radius-md) !important;
display: block !important;
box-shadow: var(--shadow-md) !important;
margin: 0 !important;
} .einsatz-details-box {
background: var(--fw-off-white);
border: 1px solid #E0DEDA;
border-left: 4px solid var(--fw-red);
border-radius: var(--radius-md);
padding: var(--space-lg);
margin-bottom: var(--space-xl);
}
.einsatz-details-label {
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
color: var(--fw-red);
margin-bottom: var(--space-md);
display: flex;
align-items: center;
gap: 6px;
}
.einsatz-details-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: var(--space-md);
}
.einsatz-detail-item {}
.einsatz-detail-label {
font-size: 0.65rem;
text-transform: uppercase;
letter-spacing: 0.08em;
color: var(--fw-gray);
font-family: var(--font-display);
margin-bottom: 2px;
display: flex;
align-items: center;
gap: 4px;
}
.einsatz-detail-value {
font-weight: 700;
font-size: 0.9rem;
color: var(--fw-dark);
}  .entry-content img:not(.emoji):not(.avatar):not(.author-avatar) {
max-width: 100% !important;
height: auto !important;
display: block !important;
border-radius: var(--radius-md) !important;
margin: 1rem auto !important;
} .entry-content .alignleft,
.page-content .alignleft {
float: left !important;
margin: 0.25rem 2rem 1.25rem 0 !important;
max-width: 48% !important;
border-radius: var(--radius-md) !important;
}
.entry-content .alignright,
.page-content .alignright {
float: right !important;
margin: 0.25rem 0 1.25rem 2rem !important;
max-width: 48% !important;
border-radius: var(--radius-md) !important;
} .entry-content::after,
.page-content::after { content: ''; display: table; clear: both; } .entry-content .wp-caption,
.page-content .wp-caption {
max-width: 100% !important;
border-radius: var(--radius-md) !important;
overflow: hidden !important;
box-shadow: var(--shadow-sm) !important;
}
.entry-content .wp-caption img,
.page-content .wp-caption img {
width: 100% !important;
height: auto !important;
margin: 0 !important;
border-radius: var(--radius-md) var(--radius-md) 0 0 !important;
box-shadow: none !important;
}
.entry-content .wp-caption-text,
.page-content .wp-caption-text {
background: #f0eeea;
padding: 0.4rem 0.75rem !important;
font-size: 0.78rem !important;
color: var(--fw-gray-dark) !important;
border: 1px solid #e0deda;
border-top: none;
border-radius: 0 0 var(--radius-md) var(--radius-md) !important;
margin: 0 !important;
text-align: center !important;
}  .post-tags {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 6px;
margin-top: 1.5rem;
padding-top: 1.25rem;
border-top: 1px solid #E0DEDA;
font-size: 0.72rem;
color: var(--fw-gray);
font-family: var(--font-display);
font-weight: 700;
letter-spacing: 0.06em;
}
.post-tags > i { color: var(--fw-red); }
.post-tag {
display: inline-block;
padding: 4px 12px;
background: var(--fw-off-white);
border: 1.5px solid #E0DEDA;
border-radius: 20px;
font-family: var(--font-display);
font-size: 0.72rem;
font-weight: 700;
letter-spacing: 0.04em;
color: var(--fw-dark);
text-decoration: none;
transition: all 0.2s ease;
}
.post-tag:hover {
background: var(--fw-red);
border-color: var(--fw-red);
color: var(--fw-white);
}  .share-bar {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 0.6rem;
padding: 0.9rem 1.1rem;
background: var(--fw-white);
border: 1px solid #E0DEDA;
border-radius: var(--radius-md);
margin: 1.75rem 0;
box-shadow: var(--shadow-sm);
}
.share-label {
font-family: var(--font-display);
font-size: 0.7rem;
font-weight: 700;
letter-spacing: 0.1em;
text-transform: uppercase;
color: var(--fw-gray);
display: flex;
align-items: center;
gap: 5px;
flex-shrink: 0;
margin-right: 0.2rem;
}
.share-label i { color: var(--fw-red); }
.share-buttons {
display: flex;
flex-wrap: wrap;
gap: 0.45rem;
align-items: center;
} .share-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 6px;
height: 36px;
padding: 0 0.95rem;
border-radius: 8px;
font-family: var(--font-display);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.03em;
text-decoration: none !important;
cursor: pointer;
transition: all 0.18s ease;
border: none;
white-space: nowrap;
line-height: 1;
}
.share-btn span { display: inline; } .share-linkedin,
.share-whatsapp,
.share-email,
.share-print,
.share-copy {
width: 36px;
padding: 0 !important;
}
.share-btn i { font-size: 0.9rem; line-height: 1; } .share-facebook { background: #1877F2; color: #fff; }
.share-facebook:hover { background: #0c5fcf; color: #fff; box-shadow: 0 3px 10px rgba(24,119,242,0.35); transform: translateY(-1px); }
.share-x { background: #111; color: #fff; }
.share-x:hover { background: #333; color: #fff; box-shadow: 0 3px 10px rgba(0,0,0,0.3); transform: translateY(-1px); }
.share-linkedin { background: #0A66C2; color: #fff; }
.share-linkedin:hover { background: #08508f; color: #fff; transform: translateY(-1px); }
.share-whatsapp { background: #25D366; color: #fff; }
.share-whatsapp:hover { background: #1baa50; color: #fff; transform: translateY(-1px); }
.share-email { background: var(--fw-off-white); color: var(--fw-dark); border: 1.5px solid #D8D5D0; }
.share-email:hover { background: var(--fw-dark-2); color: #fff; border-color: var(--fw-dark-2); transform: translateY(-1px); }
.share-print { background: var(--fw-off-white); color: var(--fw-dark); border: 1.5px solid #D8D5D0; }
.share-print:hover { background: var(--fw-dark-2); color: #fff; border-color: var(--fw-dark-2); transform: translateY(-1px); }
.share-copy { background: var(--fw-off-white); color: var(--fw-dark); border: 1.5px solid #D8D5D0; }
.share-copy:hover { background: var(--fw-red); color: #fff; border-color: var(--fw-red); transform: translateY(-1px); } @media (max-width: 480px) {
.share-btn span { display: none; }
.share-facebook,
.share-x { width: 36px; padding: 0 !important; }
}  .single-article .author-box,
.author-box {
display: grid !important;
grid-template-columns: 96px 1fr !important;
gap: 1.5rem !important;
align-items: start !important;
padding: 1.75rem !important;
background: #ffffff !important;
border: 1px solid #E0DEDA !important;
border-left: 4px solid var(--fw-red) !important;
border-radius: 6px !important;
margin: 2rem 0 !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.08) !important;
float: none !important;
clear: both !important;
}
@media (max-width: 540px) {
.author-box {
grid-template-columns: 1fr !important;
text-align: center !important;
}
.author-box-avatar { justify-self: center !important; }
.author-box-contact,
.author-box-social { justify-content: center !important; }
}
.author-box-avatar {
align-self: start !important;
}
.author-avatar,
.author-box-avatar img,
.author-box .avatar {
width: 88px !important;
height: 88px !important;
min-width: 88px !important;
border-radius: 50% !important;
object-fit: cover !important;
border: 3px solid var(--fw-red) !important;
box-shadow: 0 3px 12px rgba(0,0,0,0.14) !important;
display: block !important;
margin: 0 !important;
padding: 0 !important;
}
.author-box-info {
min-width: 0 !important;
display: flex !important;
flex-direction: column !important;
gap: 0.45rem !important;
} .author-box .author-box-name,
.author-box-name {
font-family: var(--font-display) !important;
font-size: 1.12rem !important;
font-weight: 700 !important;
color: var(--fw-red) !important;
margin: 0 !important;
padding: 0 !important;
line-height: 1.2 !important;
background: none !important;
}
.author-box-name a {
color: inherit !important;
text-decoration: none !important;
}
.author-box-name a:hover { opacity: 0.85 !important; } .author-box-contact {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.4rem 1.1rem !important;
font-size: 0.83rem !important;
color: #555 !important;
align-items: center !important;
line-height: 1.5 !important;
margin: 0 !important;
}
.author-box-contact span {
display: inline-flex !important;
align-items: center !important;
gap: 5px !important;
}
.author-box-contact i {
color: var(--fw-red) !important;
font-size: 0.8em !important;
flex-shrink: 0 !important;
}
.author-box-contact a {
color: #333 !important;
text-decoration: none !important;
word-break: break-word !important;
}
.author-box-contact a:hover { color: var(--fw-red) !important; } .author-box-bio {
font-size: 0.88rem !important;
color: #555 !important;
line-height: 1.65 !important;
margin: 0 !important;
padding: 0 !important;
} .author-box-social {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.4rem !important;
margin: 0.1rem 0 0 !important;
padding: 0 !important;
list-style: none !important;
}
.author-box-social a,
.author-box-social a:link,
.author-box-social a:visited {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 34px !important;
height: 34px !important;
border-radius: 8px !important;
background: #f5f3f0 !important;
border: 1.5px solid #E0DEDA !important;
color: #555 !important;
font-size: 0.88rem !important;
text-decoration: none !important;
transition: all 0.18s ease !important;
line-height: 1 !important;
padding: 0 !important;
box-sizing: border-box !important;
}
.author-box-social a:hover,
.author-box-social a:focus {
background: var(--fw-red) !important;
border-color: var(--fw-red) !important;
color: #fff !important;
transform: translateY(-1px) !important;
box-shadow: 0 3px 8px rgba(204,26,26,0.3) !important;
} .share-bar {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
gap: 0.6rem !important;
padding: 0.85rem 1rem !important;
background: #ffffff !important;
border: 1px solid #E0DEDA !important;
border-radius: 6px !important;
margin: 1.75rem 0 !important;
box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
float: none !important;
clear: both !important;
}
.share-label {
font-family: var(--font-display) !important;
font-size: 0.7rem !important;
font-weight: 700 !important;
letter-spacing: 0.1em !important;
text-transform: uppercase !important;
color: #888 !important;
display: flex !important;
align-items: center !important;
gap: 5px !important;
flex-shrink: 0 !important;
}
.share-label i { color: var(--fw-red) !important; }
.share-buttons {
display: flex !important;
flex-wrap: wrap !important;
gap: 0.4rem !important;
align-items: center !important;
}
.share-btn,
a.share-btn {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
gap: 6px !important;
height: 36px !important;
padding: 0 0.9rem !important;
border-radius: 7px !important;
font-family: var(--font-display) !important;
font-size: 0.74rem !important;
font-weight: 700 !important;
letter-spacing: 0.03em !important;
text-decoration: none !important;
cursor: pointer !important;
transition: all 0.18s ease !important;
border: 1.5px solid transparent !important;
white-space: nowrap !important;
line-height: 1 !important;
box-sizing: border-box !important;
vertical-align: middle !important;
}
.share-btn span { display: inline !important; } .share-linkedin,
.share-whatsapp,
.share-email,
.share-print,
.share-copy {
width: 36px !important;
padding: 0 !important;
}
.share-btn i { font-size: 0.88rem !important; line-height: 1 !important; } .share-facebook, a.share-facebook { background: #1877F2 !important; color: #fff !important; border-color: #1877F2 !important; }
.share-facebook:hover              { background: #0c5fcf !important; border-color: #0c5fcf !important; box-shadow: 0 3px 10px rgba(24,119,242,0.35) !important; transform: translateY(-1px) !important; }
.share-x, a.share-x               { background: #111 !important; color: #fff !important; border-color: #111 !important; }
.share-x:hover                     { background: #333 !important; border-color: #333 !important; transform: translateY(-1px) !important; }
.share-linkedin                    { background: #0A66C2 !important; color: #fff !important; border-color: #0A66C2 !important; }
.share-linkedin:hover              { background: #08508f !important; transform: translateY(-1px) !important; }
.share-whatsapp                    { background: #25D366 !important; color: #fff !important; border-color: #25D366 !important; }
.share-whatsapp:hover              { background: #1baa50 !important; transform: translateY(-1px) !important; }
.share-email                       { background: #f5f3f0 !important; color: #333 !important; border-color: #D8D5D0 !important; }
.share-email:hover                 { background: #1C1C1C !important; color: #fff !important; border-color: #1C1C1C !important; transform: translateY(-1px) !important; }
.share-print                       { background: #f5f3f0 !important; color: #333 !important; border-color: #D8D5D0 !important; }
.share-print:hover                 { background: #1C1C1C !important; color: #fff !important; border-color: #1C1C1C !important; transform: translateY(-1px) !important; }
.share-copy                        { background: #f5f3f0 !important; color: #333 !important; border-color: #D8D5D0 !important; }
.share-copy:hover                  { background: var(--fw-red) !important; color: #fff !important; border-color: var(--fw-red) !important; transform: translateY(-1px) !important; } @media (max-width: 480px) {
.share-btn span { display: none !important; }
.share-facebook,
.share-x { width: 36px !important; padding: 0 !important; }
} @media print {
.share-bar,
.author-box-social,
.post-navigation { display: none !important; }
.author-box { border: 1px solid #ccc !important; box-shadow: none !important; }
}  .fw-fahrzeug-badges {
display: flex;
flex-wrap: wrap;
gap: 5px;
align-items: center;
margin-top: 0.5rem;
padding-top: 0.5rem;
border-top: 1px solid #E5E3DF;
} .fw-fahrzeug-badges::before {
content: "Fahrzeuge:";
font-family: var(--font-display);
font-size: 0.6rem;
font-weight: 700;
letter-spacing: 0.09em;
text-transform: uppercase;
color: var(--fw-gray);
margin-right: 2px;
white-space: nowrap;
flex-shrink: 0;
} .fw-fahrzeug-badge {
display: inline-flex;
align-items: center;
gap: 4px;
font-family: var(--font-display);
font-size: 0.65rem;
font-weight: 700;
letter-spacing: 0.05em;
text-transform: uppercase;
white-space: nowrap;
line-height: 1;
padding: 4px 9px;
border-radius: 5px; background: #fff;
color: var(--fw-dark);
border: 1.5px solid #D0CCCA;
transition: all 0.15s ease;
} .fw-fahrzeug-badge::before {
font-family: "Font Awesome 6 Free";
font-weight: 900;
content: "\f06d"; font-size: 0.7em;
flex-shrink: 0;
opacity: 0.7;
line-height: 1;
}
.fw-fahrzeug-badge-link {
text-decoration: none !important;
}
.fw-fahrzeug-badge-link .fw-fahrzeug-badge {
cursor: pointer;
}
.fw-fahrzeug-badge-link:hover .fw-fahrzeug-badge {
border-color: var(--fw-red) !important;
background: var(--fw-red) !important;
color: #fff !important;
transform: translateY(-1px);
box-shadow: 0 2px 6px rgba(204,26,26,0.2);
}
.fw-fahrzeug-badge-link:hover .fw-fahrzeug-badge::before {
filter: brightness(10);
opacity: 1;
} .einsatz-detail-fahrzeuge .fw-fahrzeug-badges {
margin-top: 0.3rem;
padding-top: 0;
border-top: none;
}
.einsatz-detail-fahrzeuge .fw-fahrzeug-badges::before {
display: none; }
.einsatz-detail-fahrzeuge .fw-fahrzeug-badge {
font-size: 0.7rem;
padding: 5px 11px;
} .feed-item-alarmzeit {
color: var(--fw-gray);
font-weight: 500;
font-size: 0.92em;
} .fw-banner {
width: 100%;
border-bottom: 1px solid rgba(0,0,0,0.15);
font-family: var(--font-body);
font-size: 0.88rem;
line-height: 1.5;
transition: max-height 0.3s ease, opacity 0.3s ease;
overflow: hidden;
}
.fw-banner.is-hidden {
max-height: 0 !important;
opacity: 0;
pointer-events: none;
border: none;
}
.fw-banner-inner {
display: flex;
align-items: center;
justify-content: space-between;
gap: var(--space-md);
padding-top: 0.6rem;
padding-bottom: 0.6rem;
min-height: 44px;
}
.fw-banner-content {
flex: 1;
text-align: center;
}
.fw-banner-content a {
color: inherit;
text-decoration: underline;
text-underline-offset: 2px;
font-weight: 600;
}
.fw-banner-content a:hover { opacity: 0.85; }
.fw-banner-content i,
.fw-banner-content .fa-solid,
.fw-banner-content .fa-regular {
margin-right: 5px;
}
.fw-banner-content strong { font-weight: 700; }
.fw-banner-close {
flex-shrink: 0;
width: 28px;
height: 28px;
border-radius: 50%;
background: rgba(0,0,0,0.15);
border: none;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
font-size: 0.85rem;
transition: background var(--transition);
padding: 0;
}
.fw-banner-close:hover { background: rgba(0,0,0,0.3); } .fw-banner[data-close-id] { display: flex; } .widget-icon-fa {
font-size: 0.85rem;
color: var(--fw-red);
flex-shrink: 0;
width: 16px;
text-align: center;
margin-right: 2px;
}
.widget-header {
display: flex;
align-items: center;
gap: var(--space-sm);
} .telegram-link i {
font-size: 0.9em;
} @media print {
.site-header, .topbar, .sidebar, .site-footer, .fw-banner { display: none; }
.content-area { grid-template-columns: 1fr; }
#fw-easter-egg { display: none; }
}.tablepress{--text-color:#111;--head-text-color:var(--text-color);--head-bg-color:#d9edf7;--odd-text-color:var(--text-color);--odd-bg-color:#fff;--even-text-color:var(--text-color);--even-bg-color:#f9f9f9;--hover-text-color:var(--text-color);--hover-bg-color:#f3f3f3;--border-color:#ddd;--padding:0.5rem;border:none;border-collapse:collapse;border-spacing:0;clear:both;margin:0 auto 1rem;table-layout:auto;width:100%}.tablepress>:not(caption)>*>*{background:none;border:none;box-sizing:border-box;float:none!important;padding:var(--padding);text-align:left;vertical-align:top}.tablepress>:where(thead)+tbody>:where(:not(.child))>*,.tablepress>tbody>*~:where(:not(.child))>*,.tablepress>tfoot>:where(:first-child)>*{border-top:1px solid var(--border-color)}.tablepress>:where(thead,tfoot)>tr>*{background-color:var(--head-bg-color);color:var(--head-text-color);font-weight:700;vertical-align:middle;word-break:normal}.tablepress>:where(tbody)>tr>*{color:var(--text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(odd of :where(:not(.child,.dtrg-group)))>*{background-color:var(--odd-bg-color);color:var(--odd-text-color)}.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))+:where(.child)>*,.tablepress>:where(tbody.row-striping)>:nth-child(even of :where(:not(.child,.dtrg-group)))>*{background-color:var(--even-bg-color);color:var(--even-text-color)}.tablepress>.row-hover>tr{content-visibility:auto}.tablepress>.row-hover>tr:has(+.child:hover)>*,.tablepress>.row-hover>tr:hover+:where(.child)>*,.tablepress>.row-hover>tr:where(:not(.dtrg-group)):hover>*{background-color:var(--hover-bg-color);color:var(--hover-text-color)}.tablepress img{border:none;margin:0;max-width:none;padding:0}.tablepress-table-description{clear:both;display:block}.dt-scroll{width:100%}.dt-scroll .tablepress{width:100%!important}div.dt-scroll-body tfoot tr,div.dt-scroll-body thead tr{height:0}div.dt-scroll-body tfoot tr td,div.dt-scroll-body tfoot tr th,div.dt-scroll-body thead tr td,div.dt-scroll-body thead tr th{border-bottom-width:0!important;border-top-width:0!important;height:0!important;padding-bottom:0!important;padding-top:0!important}div.dt-scroll-body tfoot tr td div.dt-scroll-sizing,div.dt-scroll-body tfoot tr th div.dt-scroll-sizing,div.dt-scroll-body thead tr td div.dt-scroll-sizing,div.dt-scroll-body thead tr th div.dt-scroll-sizing{height:0!important;overflow:hidden!important}div.dt-scroll-body>table.dataTable>thead>tr>td,div.dt-scroll-body>table.dataTable>thead>tr>th{overflow:hidden}.tablepress{--head-active-bg-color:#049cdb;--head-active-text-color:var(--head-text-color);--head-sort-arrow-color:var(--head-active-text-color)}.tablepress thead th:active{outline:none}.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:before{bottom:50%;content:"\25b2"/"";display:block;position:absolute}.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:after{content:"\25bc"/"";display:block;position:absolute;top:50%}.tablepress thead .dt-orderable-asc .dt-column-order,.tablepress thead .dt-orderable-desc .dt-column-order,.tablepress thead .dt-ordering-asc .dt-column-order,.tablepress thead .dt-ordering-desc .dt-column-order{color:var(--head-sort-arrow-color);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Noto Sans,Liberation Sans,Arial,sans-serif!important;font-size:14px;height:24px;line-height:12px;position:relative;width:12px}.tablepress thead .dt-orderable-asc .dt-column-order:after,.tablepress thead .dt-orderable-asc .dt-column-order:before,.tablepress thead .dt-orderable-desc .dt-column-order:after,.tablepress thead .dt-orderable-desc .dt-column-order:before,.tablepress thead .dt-ordering-asc .dt-column-order:after,.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after,.tablepress thead .dt-ordering-desc .dt-column-order:before{opacity:.2}.tablepress thead .dt-orderable-asc,.tablepress thead .dt-orderable-desc{cursor:pointer;outline-offset:-2px}.tablepress thead .dt-orderable-asc:hover,.tablepress thead .dt-orderable-desc:hover,.tablepress thead .dt-ordering-asc,.tablepress thead .dt-ordering-desc{background-color:var(--head-active-bg-color);color:var(--head-active-text-color)}.tablepress thead .dt-ordering-asc .dt-column-order:before,.tablepress thead .dt-ordering-desc .dt-column-order:after{opacity:.8}.tablepress tfoot>tr>* .dt-column-footer,.tablepress tfoot>tr>* .dt-column-header,.tablepress thead>tr>* .dt-column-footer,.tablepress thead>tr>* .dt-column-header{align-items:center;display:flex;gap:4px;justify-content:space-between}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title,.tablepress tfoot>tr>* .dt-column-header .dt-column-title,.tablepress thead>tr>* .dt-column-footer .dt-column-title,.tablepress thead>tr>* .dt-column-header .dt-column-title{flex-grow:1}.tablepress tfoot>tr>* .dt-column-footer .dt-column-title:empty,.tablepress tfoot>tr>* .dt-column-header .dt-column-title:empty,.tablepress thead>tr>* .dt-column-footer .dt-column-title:empty,.tablepress thead>tr>* .dt-column-header .dt-column-title:empty{display:none}.tablepress:where(.auto-type-alignment) .dt-right,.tablepress:where(.auto-type-alignment) .dt-type-date,.tablepress:where(.auto-type-alignment) .dt-type-numeric{text-align:right}.tablepress:where(.auto-type-alignment) .dt-right .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-right .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-date .dt-column-header,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-footer,.tablepress:where(.auto-type-alignment) .dt-type-numeric .dt-column-header{flex-direction:row-reverse}.dt-container{clear:both;margin-bottom:1rem;position:relative}.dt-container .tablepress{margin-bottom:0}.dt-container .tablepress tfoot:empty{display:none}.dt-container .dt-layout-row{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between}.dt-container .dt-layout-row.dt-layout-table .dt-layout-cell{display:block;width:100%}.dt-container .dt-layout-cell{display:flex;flex-direction:row;flex-wrap:wrap;gap:1em;padding:5px 0}.dt-container .dt-layout-cell.dt-layout-full{align-items:center;justify-content:space-between;width:100%}.dt-container .dt-layout-cell.dt-layout-full>:only-child{margin:auto}.dt-container .dt-layout-cell.dt-layout-start{align-items:center;justify-content:flex-start;margin-right:auto}.dt-container .dt-layout-cell.dt-layout-end{align-items:center;justify-content:flex-end;margin-left:auto}.dt-container .dt-layout-cell:empty{display:none}.dt-container .dt-input,.dt-container label{display:inline;width:auto}.dt-container .dt-input{font-size:inherit;padding:5px}.dt-container .dt-length,.dt-container .dt-search{align-items:center;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}.dt-container .dt-paging .dt-paging-button{background:#0000;border:1px solid #0000;border-radius:2px;box-sizing:border-box;color:inherit!important;cursor:pointer;display:inline-block;font-size:1em;height:32px;margin-left:2px;min-width:32px;padding:0 5px;text-align:center;text-decoration:none!important;vertical-align:middle}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button:hover{border:1px solid #111}.dt-container .dt-paging .dt-paging-button.disabled,.dt-container .dt-paging .dt-paging-button.disabled:active,.dt-container .dt-paging .dt-paging-button.disabled:hover{border:1px solid #0000;color:#0000004d!important;cursor:default;outline:none}.dt-container .dt-paging>.dt-paging-button:first-child{margin-left:0}.dt-container .dt-paging .ellipsis{padding:0 1em}@media screen and (max-width:767px){.dt-container .dt-layout-row{flex-direction:column}.dt-container .dt-layout-cell{flex-direction:column;padding:.5em 0}}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}