/*
Theme Name: GeneratePress Child
Theme URI: https://generatepress.com
Description: Aufgeräumte Basis für Alltagsfuchs
Author: Tom Usborne / Refactor für Alltagsfuchs
Template: generatepress
Version: 0.2
*/
/* ==========================================================================
ALLTAGSFUCHS BASE STYLES
Zuständigkeit dieser Datei:
- globale Tokens & Content-Bausteine
- Infoboxen / Disclaimer / Affiliate
- Frontpage / Archive / Footer
- Tabellen / Galerien / ATKP / Hilfsklassen
Nicht hier:
- Header / Navigation / Search Overlay -> custom.css
- Search- & Tag-Templates -> template-overrides.css
- Lesetipp-Box -> lesetipp-style.css
- Single-Post-Hero -> single-post-hero.css
- einzelne Single-Post-Sondermodule -> single-post-styles.css
========================================================================== */
:root{
--af-font: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
--af-serif: Georgia, "Times New Roman", serif;
--af-color-accent: #ff7518;
--af-color-accent-dark: #e05c00;
--af-color-accent-soft: #fff5ee;
--af-color-text: #2a281c;
--af-color-text-soft: #5e646b;
--af-color-text-muted: #8f959b;
--af-color-bg: #ffffff;
--af-color-bg-soft: #f7f5f2;
--af-color-bg-alt: #f8f8f8;
--af-color-bg-dark: #121212;
--af-color-line: #e8e2db;
--af-color-line-soft: #efe9e2;
--af-color-line-strong: #ddd6ce;
--af-shadow-xs: 0 1px 3px rgba(0,0,0,.04);
--af-shadow-sm: 0 4px 12px rgba(0,0,0,.05);
--af-shadow-md: 0 10px 24px rgba(0,0,0,.08);
--af-radius-xs: 4px;
--af-radius-sm: 4px;
--af-radius: 6px;
--af-radius-md: 6px;
--af-radius-lg: 6px;
}
html{ background: var(--af-color-bg-dark); }
body{
background: var(--af-color-bg);
color: var(--af-color-text);
font-family: var(--af-font);
background-clip: content-box;
}
a.media-lightbox::after{ display:none; }
.single-post .entry-content > p:first-of-type{ font-weight:700; }
.entry-content{ font-size:16px; line-height:1.72; }
.entry-content a{ color:var(--af-color-accent); text-decoration:none; text-underline-offset:2px; transition:color .18s ease; }
.entry-content a:hover{ color:var(--af-color-accent-dark); }
.entry-content h2{ position:relative; padding-bottom:10px; }
.entry-content h2::after{ content:""; position:absolute; left:0; bottom:0; width:60px; height:3px; border-radius:999px; background:var(--af-color-accent); }
img, iframe, video{ max-width:100%; }
/* Ads */
.af-adslot{
position:relative;
width:100%;
max-width:100%;
min-width:0;
box-sizing:border-box;
}
.af-adslot:not(.af-adslot--sidebar){
margin:46px 0;
overflow:hidden;
}
.af-adslot:not(.af-adslot--sidebar)::before{
content:"Anzeige";
display:block;
margin:0 0 14px;
color:#9aa3ad;
font-size:11px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
}
.af-adslot--strip:not(.af-adslot--sidebar){
padding:18px 0 20px;
border-top:1px solid rgba(0,0,0,.06);
border-bottom:1px solid rgba(0,0,0,.06);
}
.af-adslot--strip:not(.af-adslot--sidebar)::after{
content:none !important;
}
.af-adslot ins.adsbygoogle{
display:block !important;
width:100% !important;
max-width:100% !important;
min-width:0 !important;
margin:0 !important;
padding:0 !important;
box-sizing:border-box !important;
}
.af-adslot iframe{
display:block !important;
max-width:100% !important;
}
.af-adslot--sidebar{
position:relative;
margin:18px 0 26px;
padding-top:10px;
border-top:1px solid rgba(0,0,0,.06);
}
.af-adslot--sidebar::before{
content:"Anzeige";
display:block;
margin:0 0 10px;
color:#9aa3ad;
font-size:10px;
font-weight:600;
letter-spacing:.08em;
text-transform:uppercase;
}
.code-block .code-block-label{
display:block;
margin:0 0 8px;
padding:0;
background:transparent;
border:0;
box-shadow:none;
text-align:center;
font-size:10px;
line-height:1.4;
font-weight:500;
letter-spacing:.1em;
text-transform:uppercase;
color:rgba(42,40,28,.42);
}
/* Ad-Wrapper aus Ad Inserter */
.entry-content .code-block,
.sidebar .code-block{
max-width:100%;
min-width:0;
box-sizing:border-box;
}
@media (max-width:768px){
.entry-content .code-block{
overflow-x:hidden;
}
.sidebar .code-block{
overflow-x:clip;
}
}
/* Artikel-Kicker oberhalb der H1 */
.single-post .af-article-kicker {
display: block;
margin: 0 0 8px;
padding: 0;
color: #ff7518;
font-size: 13px;
font-weight: 700;
line-height: 1.35;
letter-spacing: 0.055em;
text-transform: uppercase;
}
/* Oberen Abstand der direkt folgenden H1 entfernen */
.single-post .af-article-kicker + .entry-title {
margin-top: 0;
}
@media (max-width: 768px) {
.single-post .af-article-kicker {
margin-bottom: 6px;
font-size: 12px;
letter-spacing: 0.045em;
}
}
/* Titelbild-Bildunterschrift (optional, über Schalter pro Beitrag) */
.af-hero-caption{
margin:10px 0 0;
color:var(--af-color-text-muted);
font-size:.82rem;
line-height:1.5;
font-style:italic;
}
.af-hero-caption::before{
content:"";
display:inline-block;
width:18px;
height:2px;
margin:0 8px 3px 0;
vertical-align:middle;
background:var(--af-color-accent);
border-radius:999px;
}
.af-hero-caption a{
color:var(--af-color-accent);
text-decoration:none;
border-bottom:1px solid rgba(255,117,24,.3);
}
/* Boxen */
.foxdisclaimer{ --fd-accent:var(--af-color-accent); --fd-accent-dark:var(--af-color-accent-dark); --fd-bg:#fff7f1; --fd-border:#ffd8c7; --fd-hair:var(--af-color-line); position:relative; margin:18px 0 28px; background:var(--fd-bg); border:1px solid var(--fd-border); border-left:4px solid var(--fd-accent); border-radius:var(--af-radius); box-shadow:var(--af-shadow-xs); }
.foxdisclaimer .foxdisclaimer-inner{ display:grid; grid-template-columns:40px 1fr; gap:12px; align-items:start; padding:14px 16px; }
.foxdisclaimer .foxdisclaimer-icon{ width:40px; height:40px; display:grid; place-items:center; background:#fff; border:1px solid var(--fd-hair); border-radius:var(--af-radius); box-shadow:inset 0 1px 3px rgba(0,0,0,.03); }
.foxdisclaimer .foxdisclaimer-icon .fd-img{ width:100%; height:100%; object-fit:contain; }
.foxdisclaimer .foxdisclaimer-icon .fd-fa{ font-size:28px; color:var(--fd-accent-dark); }
.foxdisclaimer .foxdisclaimer-title{ margin:0 0 6px; color:var(--af-color-text); font-size:16px; line-height:1.3; font-weight:800; }
.foxdisclaimer .foxdisclaimer-content{ margin:0; color:#333; line-height:1.65; }
.foxdisclaimer .foxdisclaimer-content p{ margin:0 0 10px; }
.foxdisclaimer .foxdisclaimer-content p:last-child{ margin-bottom:0; }
.foxdisclaimer .foxdisclaimer-content a{ color:var(--fd-accent-dark); }
.foxdisclaimer-gm{ display:flex; gap:16px; align-items:flex-start; margin:24px 0; padding:20px; background:transparent; border:1px solid #e2e8f0; border-radius:var(--af-radius); box-shadow:none; }
.foxdisclaimer-gm-icon{ flex:0 0 auto; width:44px; height:44px; display:grid; place-items:center; background:transparent; border-radius:999px; }
.foxdisclaimer-gm-icon .fd-gm-img{ width:32px; height:32px; filter:none; }
.foxdisclaimer-gm-content{ flex:1 1 auto; min-width:0; }
.foxdisclaimer-gm-title{ margin:0 0 12px; padding-bottom:12px; color:#1a202c; font-size:1.06rem; font-weight:700; border-bottom:1px solid #e2e8f0; }
.foxdisclaimer-gm-text p{ margin:0 0 10px; color:#4a5568; line-height:1.65; }
.foxdisclaimer-gm-text p:last-child{ margin-bottom:0; }
.fox-kurzgefragt{ margin:32px 0; padding:28px 30px; background:#f7f8f8; border:0; border-radius:0; box-shadow:none; }
.fox-kurzgefragt-icon{ margin:0 0 10px; line-height:0; }
.fox-kurzgefragt-icon svg,
.fox-kurzgefragt-icon img{ display:block; width:24px; height:24px; color:var(--af-color-accent); object-fit:contain; }
.fox-kurzgefragt .fox-box-content{ color:#4f5965; }
.fox-kurzgefragt .fox-box-content::before{ content:"Kurz gefragt"; display:block; margin:0 0 10px; color:#8a8f96; font-size:.68rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.fox-kurzgefragt .fox-box-content h3{ margin:0 0 12px; color:#1a202c; font-family:var(--af-font); font-size:clamp(1.18rem,1.1rem + .35vw,1.4rem); line-height:1.3; font-weight:700; }
.fox-kurzgefragt .fox-box-content p{ margin:0 0 10px; color:#4f5965; font-size:1rem; line-height:1.72; }
.fox-kurzgefragt .fox-box-content p:last-child{ margin-bottom:0; }
.faqblock{ margin:28px 0; padding:24px 26px; background:#f6f7f8; border-radius:var(--af-radius); }
.faqblock p{ margin:0 0 12px; color:#2b2b2b; line-height:1.7; }
.faqblock > h2:first-of-type{ margin:0 0 12px; padding:0; border:0; font-size:clamp(22px,2.4vw,28px); line-height:1.25; font-weight:400; }
.faqblock > h2:first-of-type::after{ content:""; display:block; height:1px; margin-top:10px; background:#e6e8eb; }
.faqblock h2:not(:first-of-type){ margin:22px 0 8px; padding-top:0; border-top:0; color:#111; font-size:clamp(18px,1.7vw,21px); line-height:1.3; font-weight:600; }
.faqblock h2:nth-of-type(n+3){ padding-top:14px; border-top:1px solid #e9ecef; }
.affiliate-hinweis{ position:relative; margin:40px 0 20px; padding:32px 24px 20px; background:#fff; border:1px solid var(--af-color-accent); border-radius:var(--af-radius); box-shadow:var(--af-shadow-xs); }
.affiliate-hinweis .affiliate-inner{ display:flex; flex-direction:column; gap:8px; }
.affiliate-hinweis .affiliate-icon{ position:absolute; left:20px; top:-10px; transform:translateY(-45%); width:64px; height:64px; border-radius:999px; background:#fff url("https://alltagsfuchs.de/wp-content/uploads/produktempfehlungen.png") no-repeat center / 40px 40px; box-shadow:0 2px 8px rgba(0,0,0,.16); }
.affiliate-hinweis .affiliate-title{ margin:0 0 6px; color:#4a4f56; font-size:.95rem; font-weight:600; letter-spacing:.16em; text-transform:uppercase; }
.affiliate-hinweis .affiliate-text{ margin:0; color:#444; font-size:.98rem; line-height:1.6; }
.affiliate-mini{ margin:16px 0 20px; padding:10px 14px; background:#fff; border:1px solid var(--af-color-accent); border-radius:var(--af-radius); color:#555; font-size:.95rem; line-height:1.5; }
.af-linkbox__content a::after,
.af-linkbox__content a .wp-link-icon,
.af-linkbox__content a svg,
.af-linkbox__content a .gp-icon{ display:none !important; }
.af-related-posts{ margin:34px 0; padding:24px 22px 8px; background:#f8f8f8; border:1px solid #ededed; border-radius:var(--af-radius); }
.af-related-headline{ margin-bottom:14px; color:var(--af-color-accent); font-size:12px; line-height:1.2; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.af-related-item{ display:grid; grid-template-columns:140px minmax(0,1fr); gap:18px; align-items:start; padding:18px 0; border-top:1px solid #e6e6e6; color:inherit; text-decoration:none; }
.af-related-item:first-of-type{ border-top:0; padding-top:0; }
.af-related-thumb img{ display:block; width:100%; height:82px; object-fit:cover; border-radius:4px; }
.af-related-kicker{ margin-bottom:6px; color:var(--af-color-accent); font-size:11px; line-height:1.2; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.af-related-title{ margin:0; color:#2f2f2f; font-size:17px; line-height:1.3; font-weight:700; word-break:break-word; }
.af-related-item:hover .af-related-title{ color:var(--af-color-accent); }
.af-infobox-symptom{ margin:24px 0; padding:32px; background:#fff5f0; border:0; border-radius:var(--af-radius); box-shadow:none; }
.af-infobox-symptom-icon-img{ display:block; width:32px; height:32px; margin-bottom:12px; filter:invert(50%) sepia(89%) saturate(1518%) hue-rotate(346deg) brightness(101%) contrast(102%); }
.af-infobox-symptom-title{ margin:0 0 14px; color:var(--af-color-accent); font-family:var(--af-serif); font-size:1.25em; font-style:italic; font-weight:700; }
.af-infobox-symptom-body p,
.af-infobox-symptom-body ul,
.af-infobox-symptom-body ol{ margin:0 0 10px; color:#4a5568; line-height:1.65; }
.af-infobox-symptom-body ul{ list-style:none; padding-left:0; }
.af-infobox-symptom-body ul li{ position:relative; margin-bottom:8px; padding-left:20px; }
.af-infobox-symptom-body ul li::before{ content:"•"; position:absolute; left:0; top:-1px; color:var(--af-color-accent); font-size:1.2em; font-weight:700; }
.af-praxisbox-gm{ margin:28px 0; padding:22px 24px 20px; background:#fff; border:1px solid #ece7e1; border-radius:0; box-shadow:none; overflow:visible; }
.af-praxisbox-gm-title{ margin:0 0 14px; padding:0 0 10px; border-bottom:1px solid #efefef; color:#1a202c; font-size:1.06rem; line-height:1.35; font-weight:700; }
.af-praxisbox-gm-body p{ margin:0 0 10px; color:#4a5568; line-height:1.68; }
.af-praxisbox-gm-body ul{ list-style:none; margin:0 0 10px; padding-left:0; }
.af-praxisbox-gm-body ul li{ position:relative; margin-bottom:6px; padding-left:18px; color:#4a5568; line-height:1.62; }
.af-praxisbox-gm-body ul li::before{ content:""; position:absolute; left:0; top:.72em; width:6px; height:6px; background:var(--af-color-accent); transform:translateY(-50%); }
.af-praxisbox-gm-body strong{ color:#1a202c; }
/* Details / Code / Tabellen */
details{ background:#fff; color:inherit; margin:.9rem 0; border:1px solid var(--af-color-line); border-radius:var(--af-radius); box-shadow:var(--af-shadow-xs); overflow:clip; transition:border-color .15s ease, box-shadow .15s ease; -webkit-tap-highlight-color:transparent; overflow-wrap:anywhere; }
details:hover{ border-color:color-mix(in srgb, var(--af-color-line) 70%, var(--af-color-accent) 30%); box-shadow:var(--af-shadow-sm); }
details > summary{ position:relative; padding:.9rem 1rem .9rem 2.4rem; list-style:none; cursor:pointer; line-height:1.35; font-weight:500; }
details > summary::-webkit-details-marker{ display:none; }
details > summary::before{ content:""; position:absolute; left:.9rem; top:50%; width:.55rem; height:.55rem; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:translateY(-50%) rotate(-45deg); opacity:.7; transition:transform .15s ease; }
details[open] > summary::before{ transform:translateY(-50%) rotate(45deg); }
details[open] > summary{ border-bottom:1px solid var(--af-color-line); }
details > *:not(summary){ padding:.75rem 1rem 1rem; }
.entry-content pre{ margin:12px 0 16px; padding:14px 16px; background:#fff; border:1px solid var(--af-color-line); border-radius:var(--af-radius); box-shadow:var(--af-shadow-xs); color:inherit; font:400 14px/1.6 ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace; white-space:pre-wrap; word-wrap:break-word; overflow-x:auto; tab-size:4; }
.entry-content pre code{ background:transparent; border:0; padding:0; color:inherit; font:inherit; }
.entry-content table{ width:100%; max-width:100%; margin:1.5em 0; border-collapse:collapse; table-layout:auto; overflow:hidden; border:1px solid #e2e8f0; border-radius:var(--af-radius); box-shadow:0 4px 6px -1px rgba(0,0,0,.04), 0 2px 4px -1px rgba(0,0,0,.03); font-size:.95em; }
.entry-content th{ padding:12px 15px; background:#f8f9fa; border-bottom:2px solid var(--af-color-accent); text-align:left; font-weight:600; color:#1a202c; white-space:normal; overflow-wrap:anywhere; hyphens:auto; }
.entry-content td{ padding:12px 15px; vertical-align:top; border-bottom:1px solid #e2e8f0; color:#4a5568; white-space:normal; overflow-wrap:anywhere; hyphens:auto; }
.entry-content tr:nth-of-type(even) td{ background:#fdfdfe; }
.entry-content tr:last-of-type td{ border-bottom:none; }
.entry-content tr:hover td{ background:#fff5f0; }
/* ATKP */
ol.atkp-ol-list-display{ list-style:none !important; margin:0 !important; padding:0 !important; counter-reset:atkpItem; }
ol.atkp-ol-list-display > li{ position:relative; display:block; margin:0 0 12px !important; padding:14px 16px 14px 56px !important; background:#fff; border:1px solid rgba(0,0,0,.08); border-radius:var(--af-radius); box-shadow:0 6px 18px rgba(0,0,0,.06); overflow:hidden; list-style:none !important; counter-increment:atkpItem; transition:transform .15s ease, box-shadow .15s ease, border-color .15s ease; }
ol.atkp-ol-list-display > li::before{ content:counter(atkpItem); position:absolute; left:16px; top:50%; transform:translateY(-50%); width:28px; height:28px; border-radius:999px; background:var(--af-color-accent); color:#fff; text-align:center; line-height:28px; font-size:14px; font-weight:700; box-shadow:0 2px 8px rgba(0,0,0,.12); z-index:2; }
ol.atkp-ol-list-display > .atkp-list-link{ position:absolute; inset:0; z-index:1; }
ol.atkp-ol-list-display > li a{ color:inherit; font-weight:600; text-decoration:none; }
ol.atkp-ol-list-display > li:hover{ transform:translateY(-2px); box-shadow:0 10px 24px rgba(0,0,0,.1); border-color:rgba(0,0,0,.12); }
.single-post .entry-content .af-pricecheck-inline{ margin:24px 0 30px; padding:16px; background:#fcfcfc; border:1px solid #e8e2db; border-radius:var(--af-radius); box-shadow:none; }
.single-post .entry-content .af-pricecheck-inline::before{ content:"Preischeck"; display:inline-block; margin-bottom:12px; padding:4px 8px; background:var(--af-color-accent); border-radius:var(--af-radius); color:#fff; font-size:11px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; line-height:1.2; }
.single-post .entry-content .af-pricecheck-inline .atkp-detailoffers-box,
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-container{ margin:0 !important; padding:0 !important; border:0 !important; background:transparent !important; box-shadow:none !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-mobile-title,
.single-post .entry-content .af-pricecheck-inline .atkp-admin-actions{ display:none !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-row{ display:flex !important; flex-wrap:wrap !important; align-items:center !important; gap:16px !important; padding:14px 16px !important; background:#fff !important; border:1px solid #ece7e1 !important; border-radius:var(--af-radius) !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-cell{ min-width:0 !important; width:auto !important; max-width:none !important; float:none !important; writing-mode:horizontal-tb !important; border:0 !important; box-shadow:none !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-logo{ flex:0 0 80px !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-logo img{ display:block !important; max-width:72px !important; height:auto !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-title{ flex:1 1 260px !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-title a{ display:block !important; color:#222 !important; font-size:16px !important; font-weight:700 !important; line-height:1.35 !important; text-decoration:none !important; white-space:normal !important; overflow-wrap:anywhere !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-title a:hover{ color:var(--af-color-accent) !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-price{ flex:0 0 120px !important; text-align:left !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-oldprice{ margin-bottom:2px !important; color:#8d857d !important; font-size:13px !important; text-decoration:line-through !important; white-space:nowrap !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-price{ color:#222 !important; font-size:22px !important; font-weight:700 !important; line-height:1.1 !important; white-space:nowrap !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-stock{ margin-top:4px !important; color:#6c8d2f !important; font-size:14px !important; line-height:1.25 !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-button{ flex:0 0 150px !important; text-align:right !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-button .atkp-button,
.single-post .entry-content .af-pricecheck-inline .atkp-button{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:42px !important; padding:10px 16px !important; background:var(--af-color-accent) !important; border:0 !important; border-radius:var(--af-radius) !important; color:#fff !important; font-size:14px !important; font-weight:700 !important; text-decoration:none !important; box-shadow:none !important; white-space:nowrap !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-shopname{ display:block !important; margin-top:6px !important; color:#6f6a63 !important; font-size:13px !important; line-height:1.25 !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-disclaimer{ margin-top:10px !important; color:#6e6861 !important; font-size:11px !important; line-height:1.45 !important; }
/* Tags / Meta / Feedback */
.single-post .inside-article footer.entry-meta{ display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; padding-top:14px; border-top:1px solid rgba(0,0,0,.08); }
.single-post .inside-article footer.entry-meta .screen-reader-text,
.single-post .inside-article footer.entry-meta .gp-icon{ display:none !important; }
.single-post .inside-article footer.entry-meta .cat-links,
.single-post .inside-article footer.entry-meta .tags-links{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; width:100%; margin:0; }
.single-post .inside-article footer.entry-meta .tags-links{ font-size:0; }
.single-post .inside-article footer.entry-meta .tags-links a{ font-size:13px; }
.single-post .inside-article footer.entry-meta .cat-links::before,
.single-post .inside-article footer.entry-meta .tags-links::before{ content:""; width:14px; height:14px; flex:0 0 14px; opacity:.65; transform:translateY(1px); background:rgba(0,0,0,.55); -webkit-mask-repeat:no-repeat; -webkit-mask-position:center; -webkit-mask-size:contain; mask-repeat:no-repeat; mask-position:center; mask-size:contain; }
.single-post .inside-article footer.entry-meta .cat-links::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10 4l2 2h8a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h6z'/%3E%3C/svg%3E"); }
.single-post .inside-article footer.entry-meta .tags-links::before{ -webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 12l-9 9H4v-8l9-9h8l0 8zM7.5 7A1.5 1.5 0 1 0 10.5 7 1.5 1.5 0 0 0 7.5 7z'/%3E%3C/svg%3E"); mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M21 12l-9 9H4v-8l9-9h8l0 8zM7.5 7A1.5 1.5 0 1 0 10.5 7 1.5 1.5 0 0 0 7.5 7z'/%3E%3C/svg%3E"); }
.single-post .inside-article footer.entry-meta .cat-links a{ display:inline-flex; align-items:center; padding:4px 8px; border-radius:var(--af-radius); background:rgba(255,117,24,.12); border:1px solid rgba(255,117,24,.18); color:var(--af-color-accent); font-size:12px; font-weight:700; letter-spacing:.02em; text-transform:uppercase; text-decoration:none; }
.single-post .inside-article footer.entry-meta .tags-links a{ display:inline-flex; align-items:center; padding:4px 8px; border-radius:var(--af-radius); background:rgba(0,0,0,.03); border:1px solid rgba(0,0,0,.06); color:#555; font-weight:600; text-decoration:none; }
.single-post .inside-article footer.entry-meta .cat-links a:hover{ background:rgba(255,117,24,.16); border-color:rgba(255,117,24,.26); transform:translateY(-1px); }
.single-post .inside-article footer.entry-meta .tags-links a:hover{ background:rgba(0,0,0,.06); border-color:rgba(0,0,0,.10); color:#1a1a1a; transform:translateY(-1px); }
/* Link Whisper */
/* Frontpage */
@keyframes af-marquee{ 0%{transform:translateX(0)} 100%{transform:translateX(-100%)} }
.af-stream-item{ margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #eee; }
.af-theme-tile-bg--fallback{ background:linear-gradient(135deg,#2a1a0a 0%,#1a1a1a 100%); }
.af-main-cat-hub{ grid-column:1 / -1; margin:34px 0 54px; padding-top:22px; }
.af-main-cat-hub-top{ max-width:860px; margin:0 auto 28px; text-align:center; }
.af-main-cat-hub-kicker{ margin:0 0 8px; color:#9b9b9b; font-size:.68rem; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.af-main-cat-hub-title{ margin:0 0 12px; color:#111; font-family:var(--af-serif); font-size:clamp(1.7rem,3vw,2.5rem); line-height:1.08; font-weight:400; }
.af-main-cat-hub-intro{ max-width:760px; margin:0 auto; color:#555; font-size:1rem; line-height:1.75; }
.af-main-cat-hub-grid{ display:grid; grid-template-columns:repeat(auto-fit, minmax(240px,1fr)); gap:18px; align-items:stretch; }
.af-main-cat-card-link{ display:flex; flex-direction:column; height:100%; overflow:hidden; background:#fff; border:1px solid #e9e3dc; text-decoration:none; transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease; }
.af-main-cat-card-link:hover{ transform:translateY(-3px); border-color:rgba(255,117,24,.35); box-shadow:0 12px 28px rgba(0,0,0,.08); }
.af-main-cat-card-thumb{ position:relative; overflow:hidden; aspect-ratio:3 / 2; background:#f3f3f3; }
.af-main-cat-card-thumb picture,
.af-main-cat-card-thumb picture img,
.af-main-cat-card-img{ display:block; width:100%; height:100%; object-fit:cover; }
.af-main-cat-card-img{ transition:transform .35s ease; }
.af-main-cat-card-link:hover .af-main-cat-card-img{ transform:scale(1.04); }
.af-main-cat-card-fallback{ display:grid; width:100%; height:100%; place-items:end start; padding:18px; background:linear-gradient(135deg,#25160c 0%,#111 100%); }
.af-main-cat-card-fallback span{ color:#fff; font-size:1rem; line-height:1.2; font-weight:700; }
.af-main-cat-card-body{ display:flex; flex:1 1 auto; flex-direction:column; gap:10px; padding:16px 16px 18px; }
.af-main-cat-card-count{ display:inline-flex; align-items:center; min-height:24px; padding:0 9px; border:1px solid rgba(255,117,24,.25); border-radius:var(--af-radius); background:rgba(255,117,24,.06); color:var(--af-color-accent); font-size:.68rem; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.af-main-cat-card-title{ margin:0; color:#111; font-size:1.12rem; line-height:1.25; font-weight:700; }
.af-main-cat-card-link:hover .af-main-cat-card-title{ color:var(--af-color-accent); }
.af-main-cat-card-desc{ margin:0; color:#5b5b5b; font-size:.95rem; line-height:1.62; }
.af-main-cat-card-latest-wrap{ margin-top:auto; padding-top:12px; border-top:1px solid #efe9e3; }
.af-main-cat-card-latest-label{ display:block; margin-bottom:6px; color:#9a9a9a; font-size:.66rem; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.af-main-cat-card-latest{ display:block; color:#222; font-size:.92rem; line-height:1.45; font-weight:600; }
.af-main-cat-hub-divider{ display:flex; align-items:center; gap:16px; margin:34px 0 4px; }
.af-main-cat-hub-divider::before,
.af-main-cat-hub-divider::after{ content:""; flex:1 1 auto; height:1px; background:#ded8d1; }
.af-main-cat-hub-divider span{ flex:0 0 auto; color:#9a9a9a; font-size:.7rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
/* Archive / Kategorie */
.archive .site-content,
.category .site-content{ background:#fafaf9; }
.archive .site-main,
.category .site-main{ display:grid; grid-template-columns:repeat(3,1fr); gap:20px; max-width:1300px; margin:0 auto; padding:0 20px 50px; }
.archive .page-header,
.category .page-header{ grid-column:1 / -1; max-width:1300px; margin:0 auto 24px; padding:32px 20px 24px; background:transparent !important; border:none !important; border-bottom:1px solid #e5e5e5; border-radius:0 !important; text-align:center; }
.archive .archive-title,
.category .archive-title,
.archive .page-header h1,
.category .page-header h1{ margin:0 0 12px; color:#1a1a1a; font-size:clamp(1.75rem,4vw,2.5rem); font-weight:700; }
.archive .archive-description,
.category .archive-description,
.taxonomy-description,
.taxonomy-description p{ max-width:650px; margin:0 auto; color:#555; font-size:1rem; line-height:1.6; }
.archive .site-main > article:first-of-type,
.category .site-main > article:first-of-type{ grid-column:1 / -1; margin-bottom:4px; overflow:hidden; background:#fff; border:1px solid #e5e5e5; border-radius:var(--af-radius); transition:box-shadow .25s ease; }
.archive .site-main > article:first-of-type:hover,
.category .site-main > article:first-of-type:hover{ box-shadow:0 6px 20px rgba(0,0,0,.08); }
.archive .site-main > article:first-of-type .inside-article,
.category .site-main > article:first-of-type .inside-article{ display:grid; grid-template-columns:1fr 1fr; grid-template-rows:auto auto 1fr; min-height:280px; padding:0; }
.archive .site-main > article:first-of-type .post-image,
.category .site-main > article:first-of-type .post-image{ grid-column:1; grid-row:1 / -1; margin:0; overflow:hidden; }
.archive .site-main > article:first-of-type .post-image a,
.category .site-main > article:first-of-type .post-image a{ display:block; height:100%; }
.archive .site-main > article:first-of-type .post-image img,
.category .site-main > article:first-of-type .post-image img{ width:100%; height:100%; object-fit:cover; transition:transform .4s ease; }
.archive .site-main > article:first-of-type:hover .post-image img,
.category .site-main > article:first-of-type:hover .post-image img{ transform:scale(1.02); }
.archive .site-main > article:first-of-type .entry-header,
.category .site-main > article:first-of-type .entry-header{ grid-column:2; grid-row:1; align-self:end; padding:28px 28px 8px; }
.archive .site-main > article:first-of-type .entry-summary,
.category .site-main > article:first-of-type .entry-summary{ grid-column:2; grid-row:2; padding:0 28px; }
.archive .site-main > article:first-of-type footer.entry-meta,
.category .site-main > article:first-of-type footer.entry-meta{ grid-column:2; grid-row:3; align-self:start; padding:12px 28px 28px; border:none; }
.archive .site-main > article:first-of-type .entry-title,
.category .site-main > article:first-of-type .entry-title{ margin:0; font-size:clamp(1.2rem,2vw,1.5rem); line-height:1.35; font-weight:700; }
.archive .site-main > article:first-of-type .entry-title a,
.category .site-main > article:first-of-type .entry-title a{ color:#1a1a1a; text-decoration:none; }
.archive .site-main > article:first-of-type .entry-title a:hover,
.category .site-main > article:first-of-type .entry-title a:hover{ color:var(--af-color-accent); }
.archive .site-main > article,
.category .site-main > article{ overflow:hidden; background:#fff; border:1px solid #e5e5e5; border-radius:var(--af-radius); transition:box-shadow .25s ease, transform .25s ease; }
.archive .site-main > article:hover,
.category .site-main > article:hover{ transform:translateY(-3px); box-shadow:0 6px 20px rgba(0,0,0,.08); }
.archive article .inside-article,
.category article .inside-article{ display:flex; flex-direction:column; height:100%; padding:0; }
.archive article .post-image,
.category article .post-image{ width:100%; aspect-ratio:3 / 2; overflow:hidden; margin:0; line-height:0; }
.archive article .post-image a,
.category article .post-image a{ display:block; width:100%; height:100%; }
.archive article .post-image img,
.category article .post-image img{ display:block; width:100%; height:100%; object-fit:cover; transition:transform .3s ease; }
.archive article .entry-header,
.category article .entry-header{ margin:0; padding:14px 14px 4px; }
.archive article .entry-title,
.category article .entry-title{ margin:0; font-size:1.2rem; line-height:1.4; font-weight:700; }
.archive article .entry-title a,
.category article .entry-title a{ color:#1a1a1a; text-decoration:none; }
.archive article .entry-title a:hover,
.category article .entry-title a:hover{ color:var(--af-color-accent); }
.archive article .entry-summary,
.category article .entry-summary{ flex-grow:1; padding:6px 14px 0; }
.archive article footer.entry-meta,
.category article footer.entry-meta{ margin-top:12px; padding:10px 14px 12px; border-top:1px solid #e5e5e5; }
.archive .paging-navigation,
.category .paging-navigation{ grid-column:1 / -1; padding-top:24px; border-top:1px solid #e5e5e5; text-align:center; }
.archive .nav-links,
.category .nav-links{ display:inline-flex; gap:6px; }
.archive .page-numbers,
.category .page-numbers{ display:inline-flex; align-items:center; justify-content:center; min-width:36px; height:36px; padding:0 10px; border:1px solid #e5e5e5; border-radius:4px; background:#fff; color:#1a1a1a; font-size:.85rem; font-weight:600; text-decoration:none; }
.archive .page-numbers:hover,
.category .page-numbers:hover{ border-color:var(--af-color-accent); color:var(--af-color-accent); }
.archive .page-numbers.current,
.category .page-numbers.current{ background:var(--af-color-accent); border-color:var(--af-color-accent); color:#fff; }
/* Quellen */
ol:has(li[id^="quelle"]){ list-style:none; margin:30px 0; padding:5px 0 5px 50px; background:transparent; border-left:2px solid #e67e22; }
p:has(+ ol > li[id^="quelle"]){ margin-bottom:-20px; padding-left:2px; color:#444; font-size:.8rem; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; }
ol:has(li[id^="quelle"]) li{ position:relative; margin-bottom:8px; color:#666; font-size:.9rem; line-height:1.5; }
ol:has(li[id^="quelle"]) li::before{ content:"↓"; position:absolute; left:-25px; top:2px; color:#e67e22; font-size:.8em; font-weight:700; }
ol:has(li[id^="quelle"]) li a{ color:#555; border-bottom:1px solid #ddd; text-decoration:none; transition:color .2s ease, border-color .2s ease; }
ol:has(li[id^="quelle"]) li a:hover{ color:#e67e22; border-bottom-color:#e67e22; }
/* Footer */
.af-clean-footer{ padding:80px 0 40px; background:#121212; border-top:1px solid #2a2a2a; color:#e0e0e0; font-family:var(--af-font); font-size:15px; line-height:1.6; }
.af-clean-footer a{ color:inherit; text-decoration:none; transition:color .2s ease, transform .2s ease; }
.af-footer-wrap{ width:100%; max-width:1240px; margin:0 auto; padding:0 24px; box-sizing:border-box; }
.af-footer-top-grid{ display:grid; grid-template-columns:1.2fr 1.5fr 1.3fr; gap:60px; margin-bottom:80px; }
.af-col-heading{ margin:0 0 24px; color:#888; font-size:12px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; }
.af-footer-logo{ display:block; width:auto; height:40px; margin-bottom:20px; }
.af-footer-tagline{ max-width:320px; margin:0 0 32px; color:#888; font-size:15px; }
.af-social-label{ display:block; margin-bottom:12px; color:#fff; font-size:11px; font-weight:700; text-transform:uppercase; }
.af-social-icons{ display:flex; gap:12px; }
.af-social-icons a{ display:flex; align-items:center; justify-content:center; width:40px; height:40px; background:#1e1e1e; border:1px solid #2a2a2a; border-radius:999px; color:#fff; transition:all .3s ease; }
.af-social-icons a:hover{ background:var(--af-color-accent); border-color:var(--af-color-accent); transform:translateY(-3px); box-shadow:0 5px 15px rgba(255,117,24,.15); }
.af-social-icons svg{ width:18px; height:18px; }
.af-topics-list{ display:grid; grid-template-columns:1fr 1fr; gap:12px 20px; }
.af-topics-list a{ display:block; padding:4px 0; color:#ccc; font-size:14px; font-weight:500; }
.af-topics-list a:hover{ color:var(--af-color-accent); transform:translateX(4px); }
.af-col-actions{ display:flex; flex-direction:column; gap:40px; }
.af-link-list{ display:flex; gap:24px; margin:0; padding:0; list-style:none; }
.af-link-list a{ color:#fff; font-size:14px; font-weight:600; }
.af-link-list a:hover{ color:var(--af-color-accent); text-decoration:underline; text-underline-offset:4px; }
.af-footer-bottom{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:20px; padding-top:32px; border-top:1px solid #2a2a2a; }
.af-legal-links{ display:flex; gap:24px; }
.af-legal-links a{ color:#888; font-size:13px; }
.af-legal-links a:hover{ color:#fff; }
.af-copyright{ color:#444; font-size:13px; }
/* Utilities */
.btn-back-to-top.btn-back-to-top--static{ position:fixed !important; left:16px !important; right:auto !important; bottom:calc(16px + env(safe-area-inset-bottom)) !important; z-index:1000 !important; opacity:.88 !important; transform:none !important; pointer-events:auto !important; }
.btn-back-to-top.btn-back-to-top--static:hover{ opacity:1 !important; }
.af-bento-hero > .ai-content:empty,
.af-dense-grid > .ai-content:empty{ display:none !important; }
button.comments-toggle{ margin-bottom:30px; }
@media (prefers-reduced-motion:no-preference){
.foxdisclaimer{ transition:box-shadow .15s ease, transform .12s ease; }
.foxdisclaimer:hover{ transform:translateY(-1px); box-shadow:0 8px 22px rgba(0,0,0,.06); }
}
@media (prefers-reduced-motion:reduce){
details,
details > summary::before,
.single-post .inside-article footer.entry-meta a{ transition:none !important; }
}
@media (max-width:992px){
.af-footer-top-grid{ grid-template-columns:1fr; gap:50px; }
.af-footer-bottom{ flex-direction:column; text-align:center; }
.af-legal-links{ justify-content:center; flex-wrap:wrap; gap:16px; }
}
@media (max-width:960px){
.archive .site-main,
.category .site-main{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:900px){
.af-main-cat-hub{ margin:28px 0 46px; }
.af-main-cat-hub-top{ margin-bottom:22px; }
}
@media (max-width:820px){
}
@media (max-width:768px){
.single-post .entry-content .af-pricecheck-inline{ margin:20px 0 26px; padding:14px; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-row{ gap:12px !important; padding:14px !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-logo{ flex:0 0 70px !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-title{ flex:1 1 calc(100% - 82px) !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-price,
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-button{ flex:1 1 100% !important; text-align:left !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-price{ font-size:20px !important; }
.single-post .entry-content .af-pricecheck-inline .atkp-pricecompare-button .atkp-button,
.single-post .entry-content .af-pricecheck-inline .atkp-button{ width:100% !important; }
.archive .site-main > article:first-of-type .inside-article,
.category .site-main > article:first-of-type .inside-article{ display:flex; flex-direction:column; }
.archive .site-main > article:first-of-type .post-image,
.category .site-main > article:first-of-type .post-image{ width:100%; min-height:200px; }
.archive .site-main > article:first-of-type .entry-header,
.category .site-main > article:first-of-type .entry-header{ padding:16px 16px 6px; }
.archive .site-main > article:first-of-type .entry-summary,
.category .site-main > article:first-of-type .entry-summary{ padding:0 16px; }
.archive .site-main > article:first-of-type footer.entry-meta,
.category .site-main > article:first-of-type footer.entry-meta{ padding:10px 16px 16px; }
.af-related-posts{ margin:26px 0; padding:18px 14px 6px; }
.af-related-headline{ font-size:11px; margin-bottom:10px; }
.af-related-item{ grid-template-columns:92px minmax(0,1fr); gap:12px; padding:14px 0; }
.af-related-thumb img{ height:64px; }
.af-related-kicker{ font-size:10px; margin-bottom:4px; }
.af-related-title{ font-size:15px; line-height:1.24; }
.fox-kurzgefragt{ margin:24px 0; padding:22px 20px; }
.fox-kurzgefragt-icon{ margin-bottom:8px; }
.fox-kurzgefragt-icon svg,
.fox-kurzgefragt-icon img{ width:22px; height:22px; }
.fox-kurzgefragt .fox-box-content h3{ font-size:1.12rem; line-height:1.32; }
.fox-kurzgefragt .fox-box-content p{ font-size:.97rem; line-height:1.68; }
.af-praxisbox-gm{ margin:24px 0; padding:18px 18px 16px; }
.af-praxisbox-gm-title{ margin-bottom:12px; padding-bottom:9px; font-size:1rem; }
.af-infobox-symptom{ padding:24px; }
}
@media (max-width:700px){
}
@media (max-width:640px){
.af-main-cat-hub{ margin:22px 0 38px; padding-top:12px; }
.af-main-cat-hub-title{ font-size:clamp(1.45rem,7vw,2rem); }
.af-main-cat-hub-intro{ font-size:.94rem; line-height:1.65; }
.af-main-cat-hub-grid{ grid-template-columns:1fr; gap:14px; }
.af-main-cat-card-body{ padding:14px 14px 16px; }
.af-main-cat-hub-divider{ margin-top:26px; }
}
@media (max-width:600px){
.faqblock{ padding:20px; }
.faqblock h2:not(:first-of-type){ margin-top:18px; }
.affiliate-hinweis{ margin:32px 0 18px; padding:28px 16px 18px; }
.affiliate-hinweis .affiliate-icon{ left:40px; width:56px; height:56px; background-size:34px 34px; transform:translateY(-40%); }
ol.atkp-ol-list-display > li{ padding:12px 14px 12px 48px !important; }
ol.atkp-ol-list-display > li::before{ left:12px; width:24px; height:24px; line-height:24px; font-size:12px; }
.archive .site-main,
.category .site-main{ grid-template-columns:1fr; padding:0 16px 40px; }
.archive .page-header,
.category .page-header{ padding:20px 16px; }
}
/* Abstand unter ATKP-Boxen */
.atkp-box,
.atkp-product,
.atkp-productbox,
.atkp-producttable-wrapper {
margin-bottom: 20px;
}
/* 20 px Abstand unter ATKP-Boxen inkl. Disclaimer */
.entry-content .atkp-container {
margin-bottom: 20px;
}
/* ==========================================================================
ALLTAGSFUCHS AUTHOR PROFILE - FINAL CLEAN VERSION
========================================================================== */
/* 1. Header Box & Photo Fix */
/* 2. Themenschwerpunkte (Silos) */
/* 3. Stream (Beitragsliste unten) */
.af-stream-item {
display: flex;
gap: 25px;
background: #fff;
padding-bottom: 25px;
border-bottom: 1px solid var(--af-color-line-soft);
}
/* Mobile */
@media (max-width: 800px) {
.af-stream-item { flex-direction: column; }
}
/* ==========================================================================
ALLTAGSFUCHS: TEAM PREMIUM LIST (Shortcode Styling)
========================================================================== */
.af-premium-list {
display: flex;
flex-direction: column;
gap: 25px;
margin: 40px 0;
}
.af-plist-item {
display: flex;
align-items: center;
gap: 30px;
padding: 25px;
background: var(--af-color-bg);
border: 1px solid var(--af-color-line-soft);
border-radius: var(--af-radius);
transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.af-plist-item:hover {
transform: translateY(-2px);
box-shadow: var(--af-shadow-sm);
border-color: var(--af-color-accent-soft);
}
/* Bild-Bereich (Stauch-Schutz) */
.af-plist-img {
flex: 0 0 120px;
}
.af-plist-img img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
display: block;
border: 3px solid var(--af-color-accent-soft);
}
/* Content-Bereich */
.af-plist-content {
flex: 1;
}
.af-plist-head {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 10px;
gap: 15px;
}
.af-plist-name {
margin: 0 !important;
font-size: 1.4rem !important;
font-family: var(--af-serif);
font-weight: 700;
}
.af-plist-name a {
color: var(--af-color-text);
text-decoration: none;
}
.af-plist-name a:hover {
color: var(--af-color-accent);
}
/* Der Spezial-Tag (Expertise) */
.af-plist-tag {
font-size: 0.7rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--af-color-accent-dark);
background: var(--af-color-accent-soft);
padding: 4px 10px;
border-radius: 4px; /* Dein dezenter Radius */
white-space: nowrap;
}
.af-plist-text {
font-size: 0.95rem;
line-height: 1.5;
color: var(--af-color-text-soft);
margin-bottom: 15px !important;
}
/* Link zum Profil */
.af-plist-link {
font-size: 0.85rem;
font-weight: 700;
color: var(--af-color-accent);
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border 0.2s;
}
.af-plist-link:hover {
border-bottom-color: var(--af-color-accent);
}
/* Mobile Optimierung */
@media (max-width: 650px) {
.af-plist-item {
flex-direction: column;
text-align: center;
padding: 30px 20px;
}
.af-plist-head {
flex-direction: column;
gap: 8px;
}
.af-plist-img {
flex: 0 0 auto;
}
}
.af-plist-tags {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
.af-plist-tag {
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.05em;
color: var(--af-color-accent-dark) !important;
background: var(--af-color-accent-soft);
padding: 3px 8px;
border-radius: 4px;
text-decoration: none !important;
white-space: nowrap;
transition: all 0.2s ease;
}
.af-plist-tag:hover {
background: var(--af-color-accent);
color: #fff !important;
}
/* Falls Name und Tags auf Mobile zu eng werden */
@media (max-width: 650px) {
.af-plist-head {
flex-direction: column;
align-items: center;
gap: 10px;
}
.af-plist-tags {
justify-content: center;
}
}
/* --- Alltagsfuchs Autorenbox unter Posts --- */
.af-author-box {
display: flex;
gap: 25px;
padding: 30px;
margin: 50px 0 30px;
background: #ffffff
border: 1px solid var(--af-color-line-soft);
border-radius: var(--af-radius);
align-items: center;
}
.af-author-box-avatar img {
width: 90px;
height: 90px;
border-radius: 50%;
object-fit: cover;
border: 2px solid var(--af-color-accent-soft);
display: block;
transition: transform 0.2s ease;
}
.af-author-box-avatar a:hover img {
transform: scale(1.05);
}
.af-author-box-content {
flex: 1;
}
.af-author-box-label {
display: block;
font-size: 0.65rem;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.1em;
color: var(--af-color-accent);
margin-bottom: 4px;
}
.af-author-box-name {
margin: 0 0 8px !important;
font-family: var(--af-serif);
font-size: 1.25rem !important;
font-weight: 700;
}
.af-author-box-name a {
color: var(--af-color-text);
text-decoration: none;
}
.af-author-box-bio {
font-size: 0.95rem;
line-height: 1.5;
color: var(--af-color-text-soft);
margin-bottom: 10px;
}
.af-author-box-bio p {
margin-bottom: 0;
}
.af-author-box-link {
font-size: 0.85rem;
font-weight: 700;
color: var(--af-color-accent);
text-decoration: none;
border-bottom: 1px solid transparent;
}
.af-author-box-link:hover {
border-bottom-color: var(--af-color-accent);
}
/* Mobile: Bild über Text */
@media (max-width: 600px) {
.af-author-box {
flex-direction: column;
text-align: center;
gap: 20px;
padding: 25px 20px;
}
}
/* ==========================================================================
ALLTAGSFUCHS SHORTCODE: [ehrlich]
moderner, cleaner Editorial-Look
========================================================================== */
.af-ehrlich{
position:relative;
margin:32px 0;
padding:22px 24px 20px;
background:#fff;
border:1px solid var(--af-color-line);
border-radius:12px;
box-shadow:0 10px 28px rgba(0,0,0,.04);
overflow:hidden;
}
.af-ehrlich::before{
content:"";
position:absolute;
left:0;
top:0;
width:100%;
height:3px;
background:linear-gradient(
90deg,
var(--af-color-accent) 0,
var(--af-color-accent) 88px,
transparent 88px
);
}
.af-ehrlich__label{
display:inline-flex;
align-items:center;
gap:8px;
margin:0 0 14px;
padding:6px 11px;
background:rgba(255,117,24,.08);
border-radius:999px;
color:var(--af-color-accent-dark);
font-size:.68rem;
line-height:1;
font-weight:800;
letter-spacing:.12em;
text-transform:uppercase;
}
.af-ehrlich__label::before{
content:"";
width:6px;
height:6px;
border-radius:999px;
background:var(--af-color-accent);
flex:0 0 6px;
}
.af-ehrlich__body{
color:#46505a;
font-size:1rem;
line-height:1.76;
max-width:68ch;
}
.af-ehrlich__body p{
margin:0 0 12px;
}
.af-ehrlich__body p:last-child{
margin-bottom:0;
}
.af-ehrlich__body strong,
.af-ehrlich__body b{
color:var(--af-color-text);
}
.af-ehrlich__body a{
color:var(--af-color-accent);
text-decoration:none;
}
.af-ehrlich__body a:hover{
color:var(--af-color-accent-dark);
}
.af-ehrlich__body ul,
.af-ehrlich__body ol{
margin:12px 0;
padding-left:1.2rem;
}
.af-ehrlich__body li{
margin-bottom:6px;
}
/* Falls versehentlich eine Anzeige oder ein Code-Block im Kasten landet */
.af-ehrlich .code-block,
.af-ehrlich .af-adslot,
.af-ehrlich ins.adsbygoogle{
margin-top:20px !important;
}
.af-ehrlich .code-block,
.af-ehrlich .af-adslot{
padding-top:18px;
border-top:1px solid var(--af-color-line-soft);
}
.af-ehrlich .code-block .code-block-label,
.af-ehrlich .af-adslot::before{
text-align:left;
color:#9aa3ad;
}
/* Optional etwas mehr Editorial-Gefühl im Content */
.entry-content .af-ehrlich{
font-size:16px;
}
/* Hover nur ganz dezent */
@media (prefers-reduced-motion:no-preference){
.af-ehrlich{
transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.af-ehrlich:hover{
transform:translateY(-1px);
border-color:#ddd6ce;
box-shadow:0 14px 32px rgba(0,0,0,.06);
}
}
@media (max-width:600px){
.af-ehrlich{
margin:24px 0;
padding:18px 18px 17px;
border-radius:10px;
}
.af-ehrlich__label{
margin-bottom:12px;
padding:6px 10px;
font-size:.64rem;
}
.af-ehrlich__body{
font-size:.97rem;
line-height:1.68;
max-width:none;
}
}
/* ==========================================================================
ALLTAGSFUCHS CLASSIC GALLERY + MEDIA LIGHTBOX
Für Classic Editor: Galerie mit "Link zur Mediendatei"
Verhalten:
- Querformatbilder: einheitliche Kartenansicht mit dezentem Zuschnitt
- Hochformatbilder / Screenshots: vollständig sichtbar, ohne Beschnitt
- Mobile: horizontales Sliden mit Scroll-Snap
========================================================================== */
/* --------------------------------------------------------------------------
Classic Gallery: Grundlayout
-------------------------------------------------------------------------- */
.entry-content .gallery{
--af-gallery-gap:22px;
--af-gallery-card-bg:#fff;
--af-gallery-card-border:rgba(232,226,219,.9);
--af-gallery-card-shadow:0 10px 26px rgba(0,0,0,.055);
--af-gallery-card-shadow-hover:0 18px 42px rgba(0,0,0,.095);
position:relative;
display:grid !important;
grid-template-columns:repeat(3, minmax(0, 1fr));
gap:var(--af-gallery-gap);
align-items:start;
margin:38px 0 46px !important;
padding:0;
counter-reset:afGalleryItem;
}
.entry-content .gallery::before,
.entry-content .gallery::after,
.entry-content .gallery br{
display:none !important;
}
/* --------------------------------------------------------------------------
Galerie-Karte
-------------------------------------------------------------------------- */
.entry-content .gallery .gallery-item{
position:relative;
display:flex;
flex-direction:column;
min-width:0;
width:auto !important;
max-width:none !important;
margin:0 !important;
padding:0 !important;
overflow:hidden;
float:none !important;
background:var(--af-gallery-card-bg);
border:1px solid var(--af-gallery-card-border);
border-radius:14px;
box-shadow:var(--af-gallery-card-shadow);
text-align:left;
isolation:isolate;
counter-increment:afGalleryItem;
}
/* --------------------------------------------------------------------------
Bildbereich: allgemeine Regeln
-------------------------------------------------------------------------- */
.entry-content .gallery .gallery-icon{
margin:0 !important;
line-height:0;
}
.entry-content .gallery .gallery-icon a,
.entry-content .gallery .gallery-icon img{
display:block;
}
.entry-content .gallery .gallery-icon a{
position:relative;
width:100%;
overflow:hidden;
background:#f3f1ee;
color:inherit;
text-decoration:none;
cursor:default;
}
.entry-content .gallery .gallery-icon img{
width:100% !important;
max-width:none !important;
border:0 !important;
border-radius:0 !important;
box-shadow:none !important;
}
/* --------------------------------------------------------------------------
Querformatbilder: kompakte Kartenansicht
Bilder ohne Portrait-Klasse werden wie bisher zugeschnitten.
-------------------------------------------------------------------------- */
.entry-content .gallery .gallery-icon:not(.portrait) a{
aspect-ratio:4 / 3;
}
.entry-content .gallery .gallery-icon:not(.portrait) img{
height:100% !important;
object-fit:cover;
}
/* --------------------------------------------------------------------------
Hochformatbilder und Screenshots: vollständig sichtbar
WordPress versieht Hochformatbilder in Classic Galleries normalerweise
automatisch mit der Klasse .portrait.
-------------------------------------------------------------------------- */
.entry-content .gallery .gallery-icon.portrait a{
height:auto;
aspect-ratio:auto;
background:#fff;
}
.entry-content .gallery .gallery-icon.portrait img{
height:auto !important;
object-fit:contain;
}
/* --------------------------------------------------------------------------
Lightbox-Link und Hover-Einblendung
-------------------------------------------------------------------------- */
.entry-content .gallery .gallery-icon a.af-lightbox-link{
cursor:zoom-in;
}
.entry-content .gallery .gallery-icon a.af-lightbox-link::before{
content:"";
position:absolute;
inset:0;
z-index:1;
background:
linear-gradient(
to top,
rgba(18,18,18,.38) 0%,
rgba(18,18,18,.12) 44%,
rgba(18,18,18,0) 100%
);
opacity:0;
transition:opacity .18s ease;
}
.entry-content .gallery .gallery-icon a.af-lightbox-link::after{
content:"Ansehen";
position:absolute;
right:12px;
bottom:12px;
z-index:2;
display:inline-flex;
align-items:center;
min-height:32px;
padding:0 12px 0 34px;
background:
rgba(255,255,255,.95)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ff7518' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3Cpath d='M11 8v6'/%3E%3Cpath d='M8 11h6'/%3E%3C/svg%3E")
11px center / 16px 16px
no-repeat;
border:1px solid rgba(255,117,24,.22);
border-radius:999px;
color:var(--af-color-text);
font-size:.68rem;
line-height:1;
font-weight:800;
letter-spacing:.08em;
text-transform:uppercase;
box-shadow:0 10px 24px rgba(0,0,0,.18);
opacity:0;
transform:translateY(5px);
transition:
opacity .18s ease,
transform .18s ease,
background-color .18s ease;
}
/* --------------------------------------------------------------------------
Nummerierung der Galerieelemente
-------------------------------------------------------------------------- */
.entry-content .gallery .gallery-item::before{
content:counter(afGalleryItem, decimal-leading-zero);
position:absolute;
top:12px;
left:12px;
z-index:3;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:34px;
height:26px;
padding:0 8px;
background:rgba(18,18,18,.54);
border:1px solid rgba(255,255,255,.16);
border-radius:999px;
color:#fff;
font-size:.66rem;
line-height:1;
font-weight:800;
letter-spacing:.08em;
backdrop-filter:blur(10px);
-webkit-backdrop-filter:blur(10px);
}
/* --------------------------------------------------------------------------
Bildunterschriften
-------------------------------------------------------------------------- */
.entry-content .gallery .gallery-caption{
position:relative;
flex:1 1 auto;
margin:0 !important;
padding:15px 16px 17px;
color:#4f5965;
font-size:.91rem;
line-height:1.58;
text-align:left;
}
.entry-content .gallery .gallery-caption::before{
content:"";
display:block;
width:42px;
height:3px;
margin:0 0 11px;
background:rgba(255,117,24,.55);
border-radius:999px;
}
.entry-content .gallery .gallery-caption:empty{
display:none;
}
.entry-content .gallery .gallery-caption strong,
.entry-content .gallery .gallery-caption b{
color:var(--af-color-text);
font-weight:800;
}
/* --------------------------------------------------------------------------
Spaltenanzahl aus der WordPress-Galerie übernehmen
-------------------------------------------------------------------------- */
.entry-content .gallery.gallery-columns-1{
grid-template-columns:minmax(0, 1fr);
}
.entry-content .gallery.gallery-columns-2{
grid-template-columns:repeat(2, minmax(0, 1fr));
}
.entry-content .gallery.gallery-columns-3{
grid-template-columns:repeat(3, minmax(0, 1fr));
}
.entry-content .gallery.gallery-columns-4,
.entry-content .gallery.gallery-columns-5,
.entry-content .gallery.gallery-columns-6,
.entry-content .gallery.gallery-columns-7,
.entry-content .gallery.gallery-columns-8,
.entry-content .gallery.gallery-columns-9{
grid-template-columns:repeat(4, minmax(0, 1fr));
}
/* --------------------------------------------------------------------------
Bewegungen und Hover-Effekte
Hochformatbilder werden nicht gezoomt, damit Screenshots lesbar bleiben.
-------------------------------------------------------------------------- */
@media (prefers-reduced-motion:no-preference){
.entry-content .gallery .gallery-item{
transition:
transform .18s ease,
box-shadow .18s ease,
border-color .18s ease;
}
.entry-content .gallery .gallery-icon:not(.portrait) img{
transition:
transform .32s ease,
filter .18s ease;
}
.entry-content .gallery .gallery-item:hover{
transform:translateY(-3px);
border-color:rgba(255,117,24,.32);
box-shadow:var(--af-gallery-card-shadow-hover);
}
.entry-content .gallery .gallery-item:hover .gallery-icon:not(.portrait) img{
transform:scale(1.045);
filter:contrast(1.035) saturate(1.025);
}
.entry-content .gallery .gallery-icon a.af-lightbox-link:hover::before,
.entry-content .gallery .gallery-icon a.af-lightbox-link:hover::after{
opacity:1;
}
.entry-content .gallery .gallery-icon a.af-lightbox-link:hover::after{
transform:translateY(0);
}
}
/* --------------------------------------------------------------------------
Tablet: zweispaltige Galerie
-------------------------------------------------------------------------- */
@media (max-width:980px){
.entry-content .gallery,
.entry-content .gallery.gallery-columns-3,
.entry-content .gallery.gallery-columns-4,
.entry-content .gallery.gallery-columns-5,
.entry-content .gallery.gallery-columns-6,
.entry-content .gallery.gallery-columns-7,
.entry-content .gallery.gallery-columns-8,
.entry-content .gallery.gallery-columns-9{
grid-template-columns:repeat(2, minmax(0, 1fr));
gap:18px;
}
}
/* --------------------------------------------------------------------------
Mobile: horizontales Sliden mit Scroll-Snap
Auch hier bleiben Hochformatbilder vollständig sichtbar.
-------------------------------------------------------------------------- */
@media (max-width:640px){
.entry-content .gallery,
.entry-content .gallery.gallery-columns-1,
.entry-content .gallery.gallery-columns-2,
.entry-content .gallery.gallery-columns-3,
.entry-content .gallery.gallery-columns-4,
.entry-content .gallery.gallery-columns-5,
.entry-content .gallery.gallery-columns-6,
.entry-content .gallery.gallery-columns-7,
.entry-content .gallery.gallery-columns-8,
.entry-content .gallery.gallery-columns-9{
display:flex !important;
grid-template-columns:none;
gap:14px;
overflow-x:auto;
overflow-y:hidden;
margin:30px 0 38px !important;
padding:2px 2px 16px;
scroll-snap-type:x mandatory;
scroll-padding-inline:2px;
-webkit-overflow-scrolling:touch;
scrollbar-width:thin;
scrollbar-color:rgba(255,117,24,.55) rgba(0,0,0,.08);
}
.entry-content .gallery::-webkit-scrollbar{
height:8px;
}
.entry-content .gallery::-webkit-scrollbar-track{
background:rgba(0,0,0,.06);
border-radius:999px;
}
.entry-content .gallery::-webkit-scrollbar-thumb{
background:rgba(255,117,24,.58);
border-radius:999px;
}
.entry-content .gallery .gallery-item{
flex:0 0 82%;
scroll-snap-align:start;
scroll-snap-stop:always;
}
/* Nur Querformatbilder erhalten mobil die breite Kartenansicht. */
.entry-content .gallery .gallery-icon:not(.portrait) a{
aspect-ratio:16 / 10;
}
/* Screenshots und Hochformatbilder bleiben vollständig sichtbar. */
.entry-content .gallery .gallery-icon.portrait a{
height:auto;
aspect-ratio:auto;
}
.entry-content .gallery .gallery-icon.portrait img{
height:auto !important;
object-fit:contain;
}
.entry-content .gallery .gallery-caption{
padding:14px 15px 16px;
font-size:.9rem;
line-height:1.54;
}
.entry-content .gallery .gallery-icon a.af-lightbox-link::before{
opacity:.22;
}
.entry-content .gallery .gallery-icon a.af-lightbox-link::after{
content:"";
right:10px;
bottom:10px;
width:36px;
height:36px;
min-height:36px;
padding:0;
background:
rgba(255,255,255,.95)
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='17' viewBox='0 0 24 24' fill='none' stroke='%23ff7518' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m21 21-4.3-4.3'/%3E%3Cpath d='M11 8v6'/%3E%3Cpath d='M8 11h6'/%3E%3C/svg%3E")
center / 17px 17px
no-repeat;
opacity:1;
transform:none;
}
}
/* --------------------------------------------------------------------------
Sehr kleine Displays
-------------------------------------------------------------------------- */
@media (max-width:420px){
.entry-content .gallery .gallery-item{
flex-basis:88%;
}
.entry-content .gallery .gallery-caption{
font-size:.88rem;
}
}
/* --------------------------------------------------------------------------
Lightbox
-------------------------------------------------------------------------- */
body.af-lightbox-open{
overflow:hidden;
}
.af-media-lightbox{
width:min(96vw, 1360px);
max-width:96vw;
max-height:96dvh;
margin:auto;
padding:0;
border:0;
background:transparent;
color:#fff;
overflow:visible;
}
.af-media-lightbox::backdrop{
background:
radial-gradient(circle at 50% 20%, rgba(255,117,24,.13), transparent 36%),
rgba(18,18,18,.9);
backdrop-filter:blur(9px);
-webkit-backdrop-filter:blur(9px);
}
.af-media-lightbox__shell{
position:relative;
display:grid;
place-items:center;
min-height:40vh;
padding:clamp(10px,2vw,24px);
}
.af-media-lightbox__figure{
display:grid;
gap:12px;
place-items:center;
width:100%;
margin:0;
}
.af-media-lightbox__image{
display:block;
width:auto;
height:auto;
max-width:min(96vw, 1320px);
max-height:calc(96dvh - 112px);
object-fit:contain;
background:#151515;
border-radius:12px;
box-shadow:
0 26px 74px rgba(0,0,0,.5),
0 0 0 1px rgba(255,255,255,.08);
}
.af-media-lightbox__meta{
display:flex;
align-items:center;
justify-content:space-between;
gap:14px;
width:min(96vw, 960px);
min-height:42px;
margin:0;
padding:9px 12px;
background:rgba(255,255,255,.08);
border:1px solid rgba(255,255,255,.13);
border-radius:12px;
box-shadow:0 10px 30px rgba(0,0,0,.18);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
}
.af-media-lightbox:not(.has-caption):not(.has-multiple) .af-media-lightbox__meta{
display:none;
}
.af-media-lightbox__caption{
min-width:0;
color:rgba(255,255,255,.9);
font-size:.9rem;
line-height:1.45;
}
.af-media-lightbox:not(.has-caption) .af-media-lightbox__caption{
display:none;
}
.af-media-lightbox__counter{
flex:0 0 auto;
display:inline-flex;
align-items:center;
justify-content:center;
min-width:52px;
min-height:26px;
padding:4px 9px;
background:rgba(255,117,24,.2);
border:1px solid rgba(255,117,24,.34);
border-radius:999px;
color:#fff;
font-size:.72rem;
line-height:1;
font-weight:800;
letter-spacing:.06em;
}
.af-media-lightbox:not(.has-multiple) .af-media-lightbox__counter{
display:none;
}
.af-media-lightbox__close,
.af-media-lightbox__nav{
appearance:none;
-webkit-appearance:none;
display:inline-flex;
align-items:center;
justify-content:center;
border:1px solid rgba(255,255,255,.16);
background:rgba(255,255,255,.12);
color:#fff;
cursor:pointer;
box-shadow:0 10px 28px rgba(0,0,0,.28);
backdrop-filter:blur(14px);
-webkit-backdrop-filter:blur(14px);
transition:
background .16s ease,
border-color .16s ease,
transform .16s ease,
color .16s ease;
}
.af-media-lightbox__close:hover,
.af-media-lightbox__nav:hover{
background:var(--af-color-accent);
border-color:var(--af-color-accent);
color:#fff;
}
.af-media-lightbox__close:focus-visible,
.af-media-lightbox__nav:focus-visible{
outline:3px solid rgba(255,117,24,.55);
outline-offset:3px;
}
.af-media-lightbox__close{
position:absolute;
top:clamp(8px,1.6vw,18px);
right:clamp(8px,1.6vw,18px);
z-index:5;
width:44px;
height:44px;
border-radius:999px;
font-size:30px;
line-height:1;
}
.af-media-lightbox__close span{
transform:translateY(-1px);
}
.af-media-lightbox__nav{
position:absolute;
top:50%;
z-index:4;
width:46px;
height:64px;
border-radius:999px;
transform:translateY(-50%);
font-size:42px;
line-height:1;
}
.af-media-lightbox__nav span{
transform:translateY(-2px);
}
.af-media-lightbox__nav--prev{
left:clamp(6px,1.8vw,22px);
}
.af-media-lightbox__nav--next{
right:clamp(6px,1.8vw,22px);
}
.af-media-lightbox.is-single .af-media-lightbox__nav{
display:none;
}
@media (prefers-reduced-motion:no-preference){
.af-media-lightbox__image{
animation:af-lightbox-image-in .18s ease both;
}
@keyframes af-lightbox-image-in{
from{
opacity:0;
transform:scale(.985);
}
to{
opacity:1;
transform:scale(1);
}
}
}
@media (max-width:700px){
.af-media-lightbox{
width:100vw;
max-width:100vw;
max-height:100dvh;
}
.af-media-lightbox__shell{
min-height:100dvh;
padding:12px;
}
.af-media-lightbox__image{
max-width:94vw;
max-height:calc(100dvh - 132px);
border-radius:8px;
}
.af-media-lightbox__meta{
width:94vw;
align-items:flex-start;
flex-direction:column;
gap:8px;
padding:10px 11px;
border-radius:10px;
}
.af-media-lightbox__caption{
font-size:.84rem;
line-height:1.42;
}
.af-media-lightbox__counter{
min-height:24px;
font-size:.68rem;
}
.af-media-lightbox__close{
top:14px;
right:14px;
width:42px;
height:42px;
background:rgba(18,18,18,.58);
}
.af-media-lightbox__nav{
top:auto;
bottom:18px;
width:42px;
height:42px;
background:rgba(18,18,18,.58);
font-size:34px;
transform:none;
}
.af-media-lightbox__nav--prev{
left:18px;
}
.af-media-lightbox__nav--next{
right:18px;
}
}
/* ============================================================================
Styles für Snippet #14 (Kategorieübersicht)
============================================================================ */
.kategorien-liste-clean {
list-style: none;
padding: 0;
margin: 0;
}
.kategorien-liste-clean li {
margin-bottom: 12px;
border-bottom: 1px solid #f0f0f0;
padding-bottom: 12px;
}
.kategorien-liste-clean li:last-child {
border-bottom: none;
margin-bottom: 0;
padding-bottom: 0;
}
.kategorien-liste-clean a {
text-decoration: none;
color: #333;
font-weight: 600;
font-size: 16px;
display: block;
padding-left: 0;
transition: color 0.2s ease, padding-left 0.2s ease;
}
.kategorien-liste-clean a:hover,
.kategorien-liste-clean a:focus {
color: #FF7518;
padding-left: 6px;
}
/* Dark-Mode Anpassung */
html.dark-mode .kategorien-liste-clean li {
border-bottom-color: #2a2a2a;
}
html.dark-mode .kategorien-liste-clean a {
color: #e5e5e5;
}
html.dark-mode .kategorien-liste-clean a:hover,
html.dark-mode .kategorien-liste-clean a:focus {
color: #FF7518;
}
/* ATKP Produktliste: ruhige redaktionelle Liste mit Außenrahmen */
.entry-content .atkp-product_table_outer.atkp-template-product_table {
margin: 2rem 0;
}
.entry-content .atkp-product_table_outer.atkp-template-product_table * {
box-sizing: border-box;
}
.entry-content .atkp-product_table {
width: 100%;
border: 1px solid #e8e1da !important;
border-collapse: separate !important;
border-spacing: 0 !important;
border-radius: 6px !important;
overflow: hidden;
background: #fff !important;
box-shadow: none !important;
font-size: 15px;
}
.entry-content .atkp-product_table thead {
display: none !important;
}
.entry-content .atkp-product_table tbody,
.entry-content .atkp-product_table tr,
.entry-content .atkp-product_table td {
display: block;
}
.entry-content .atkp-product_table tr {
display: grid;
grid-template-columns: 92px minmax(0, 1fr) 145px 185px;
gap: 18px;
align-items: center;
padding: 18px;
background: #fff !important;
border: 0 !important;
border-bottom: 1px solid #eee5de !important;
border-radius: 0 !important;
box-shadow: none !important;
}
.entry-content .atkp-product_table tbody tr:last-child {
border-bottom: 0 !important;
}
.entry-content .atkp-product_table td {
padding: 0 !important;
border: 0 !important;
background: transparent !important;
vertical-align: middle;
}
/* Bild */
.entry-content .atkp-product_table td:first-child {
display: flex;
align-items: center;
justify-content: center;
}
.entry-content .atkp-product_table img {
width: 76px;
height: 76px;
max-width: 76px;
max-height: 76px;
object-fit: contain;
display: block;
margin: 0;
padding: 0;
background: transparent !important;
border-radius: 4px !important;
}
/* Produktname */
.entry-content .atkp-product_table td:nth-child(2) a {
color: #2a281c !important;
font-weight: 700;
line-height: 1.45;
text-decoration: none;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
}
.entry-content .atkp-product_table td:nth-child(2) a:hover {
color: #ff7518 !important;
text-decoration: none;
}
/* Preis */
.entry-content .atkp-product_table td:nth-child(3) {
color: #2a281c;
font-size: 14px;
line-height: 1.45;
font-weight: 600;
white-space: normal;
}
.entry-content .atkp-product_table td:nth-child(3) small,
.entry-content .atkp-product_table td:nth-child(3) span {
font-size: 12px;
font-weight: 400;
color: #6d665f;
}
/* Shop / Button */
.entry-content .atkp-product_table td:nth-child(4) {
text-align: right;
}
.entry-content .atkp-product_table td:nth-child(4) a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 42px;
padding: 10px 18px;
border-radius: 6px !important;
background: #ff7518 !important;
color: #fff !important;
font-size: 14px;
font-weight: 700;
line-height: 1.2;
text-align: center;
text-decoration: none;
box-shadow: none !important;
transition: background 0.15s ease, transform 0.15s ease;
}
.entry-content .atkp-product_table td:nth-child(4) a:hover {
background: #e7650d !important;
color: #fff !important;
text-decoration: none;
transform: translateY(-1px);
}
/* Externe Link-Icons dezenter */
.entry-content .atkp-product_table a .dashicons,
.entry-content .atkp-product_table a svg,
.entry-content .atkp-product_table a::after {
opacity: 0.45;
}
/* Tablet */
@media (max-width: 900px) {
.entry-content .atkp-product_table tr {
grid-template-columns: 82px minmax(0, 1fr) 150px;
gap: 16px;
}
.entry-content .atkp-product_table td:nth-child(4) {
grid-column: 2 / 4;
text-align: left;
}
.entry-content .atkp-product_table td:nth-child(4) a {
width: auto;
}
}
/* Mobile */
@media (max-width: 640px) {
.entry-content .atkp-product_table {
border-radius: 6px !important;
}
.entry-content .atkp-product_table tr {
grid-template-columns: 78px minmax(0, 1fr);
gap: 12px 14px;
padding: 14px;
}
.entry-content .atkp-product_table img {
width: 70px;
height: 70px;
max-width: 70px;
max-height: 70px;
}
.entry-content .atkp-product_table td:nth-child(2) a {
font-size: 15px;
line-height: 1.45;
-webkit-line-clamp: 4;
}
.entry-content .atkp-product_table td:nth-child(3) {
grid-column: 2;
font-size: 14px;
}
.entry-content .atkp-product_table td:nth-child(4) {
grid-column: 1 / 3;
text-align: left;
padding-top: 4px !important;
}
.entry-content .atkp-product_table td:nth-child(4) a {
width: 100%;
border-radius: 6px !important;
}
}
/* ==========================================================================
Google Preferred Source Hinweis – Alltagsfuchs
========================================================================== */
.af-google-source-box {
display: flex;
align-items: stretch;
justify-content: space-between;
margin: 30px 0 34px;
background: #fff;
border-top: 1px solid #e7e1da;
border-bottom: 1px solid #e7e1da;
color: #202124;
}
.af-google-source-copy {
display: flex;
align-items: center;
gap: 14px;
padding: 15px 20px 15px 18px;
border-left: 6px solid #ff7518;
min-width: 0;
}
.af-google-source-logo {
display: block;
width: 44px;
height: 44px;
flex: 0 0 44px;
object-fit: contain;
}
.af-google-source-textwrap {
display: grid;
gap: 3px;
min-width: 0;
}
.af-google-source-kicker {
font-size: 11px;
line-height: 1.2;
font-weight: 800;
letter-spacing: .08em;
text-transform: uppercase;
color: #8a8177;
}
.af-google-source-main {
font-size: 17px;
line-height: 1.35;
font-weight: 800;
color: #202124;
}
.af-google-source-sub {
font-size: 14.5px;
line-height: 1.45;
color: #555;
}
.af-google-source-action {
display: flex;
align-items: center;
justify-content: center;
align-self: stretch;
padding: 0 20px;
background: #ff7518;
color: #fff !important;
font-size: 14.5px;
font-weight: 800;
text-decoration: none !important;
white-space: nowrap;
transition: background-color .18s ease, color .18s ease;
}
.af-google-source-action:hover,
.af-google-source-action:focus {
background: #2a281c;
color: #fff !important;
}
@media (max-width: 700px) {
.af-google-source-box {
display: block;
margin: 26px 0 30px;
}
.af-google-source-copy {
align-items: flex-start;
gap: 12px;
padding: 14px 16px 13px;
border-left-width: 6px;
}
.af-google-source-logo {
width: 38px;
height: 38px;
flex-basis: 38px;
}
.af-google-source-action {
justify-content: flex-start;
padding: 11px 16px;
}
.af-google-source-main {
font-size: 16px;
}
.af-google-source-sub {
font-size: 14px;
}
}
/*
* Alltagsfuchs – Aktuelles Ressort v10
* Redaktionelles Layout mit weißer Bühne, dunkler Typografie und orangefarbenen Akzenten.
*/
.afxnews-page.inside-article {
margin: 0;
padding: 0;
background: #fff;
}
/* Ressortkopf */
/* Später eingeblendete Ressortnavigation */
.afxnews-nav a:hover,
.afxnews-nav a.is-active {
background: var(--afx-orange);
color: #fff;
}
/* Sektionstitel */
/* Aufmacher */
/* Bildbuehne: robust fuer direkte ![]()
-Ausgabe und von Imagify/WebP erzeugte -Elemente. */
/* Chronologischer Meldungsstrom */
.afxnews-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 0 16px;
border: 1px solid var(--afx-line);
font-size: .9rem;
font-weight: 670;
text-decoration: none;
color: var(--afx-ink);
}
.afxnews-pagination .page-numbers.current,
.afxnews-pagination a.page-numbers:hover {
border-color: var(--afx-orange);
background: var(--afx-orange);
color: #fff;
}
@media (max-width: 880px) {
}
@media (max-width: 640px) {
}
/* Lesetipp – angelehnt an Alltagsfuchs Related-Posts */
.lesetipp-box {
--af-orange: #ff7518;
--af-text: #111827;
--af-muted: #4b5563;
--af-border: #e8e8e8;
--af-bg: #fafafa;
display: grid;
grid-template-columns: 140px minmax(0, 1fr);
gap: 18px;
margin: 28px 0;
padding: 18px 20px;
border: 1px solid var(--af-border);
border-radius: 6px;
background: var(--af-bg);
}
/* Bild */
.lesetipp-thumb {
width: 140px;
height: 96px;
overflow: hidden;
border-radius: 4px;
background: #eee;
}
.lesetipp-thumb img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}
/* Inhalt */
.lesetipp-content {
min-width: 0;
}
/* Label wie im Related-Block: Orange, klein, ohne Bubble */
.lesetipp-headline {
display: block;
margin: 0 0 8px;
padding: 0;
color: var(--af-orange);
font-size: 12px;
line-height: 1.2;
font-weight: 700;
letter-spacing: 0.08em;
text-transform: uppercase;
}
/* Titel eher wie Artikelteaser, nicht wie Button */
.lesetipp-title {
display: inline;
margin: 0;
color: var(--af-text);
font-size: 18px;
line-height: 1.35;
font-weight: 700;
text-decoration: none;
}
.lesetipp-title:hover,
.lesetipp-title:focus-visible {
color: var(--af-orange);
text-decoration: none;
}
/* Beschreibung ruhiger */
.lesetipp-description {
margin: 7px 0 0;
color: var(--af-muted);
font-size: 16px;
line-height: 1.55;
}
/* Mobile */
@media (max-width: 640px) {
.lesetipp-box {
grid-template-columns: 92px minmax(0, 1fr);
gap: 13px;
padding: 14px;
margin: 24px 0;
}
.lesetipp-thumb {
width: 92px;
height: 76px;
}
.lesetipp-headline {
margin-bottom: 6px;
font-size: 11px;
}
.lesetipp-title {
font-size: 16px;
}
.lesetipp-description {
margin-top: 5px;
font-size: 14px;
line-height: 1.45;
}
}
/* Alltagsfuchs - Ueber uns v3 */
/* Einfuegen unter: Design -> Customizer -> Zusaetzliches CSS */
.af-about-v2 {
color: #2b2521;
line-height: 1.65;
max-width: 760px;
margin: 0 auto;
padding: 0 20px 40px;
}
.af-about-v2 .af2-hero {
padding: 48px 0 36px !important;
border-bottom: 1px solid #e8e1d9 !important;
margin-bottom: 44px !important;
}
.af-about-v2 .af2-kicker {
display: inline-block;
font-size: 13px;
letter-spacing: 0.12em;
text-transform: uppercase;
color: #c9581f;
font-weight: 600;
margin-bottom: 14px;
}
.af-about-v2 .af2-hero h1 {
font-size: 40px;
line-height: 1.15;
margin: 0 0 18px;
}
.af-about-v2 .af2-hero p {
font-size: 19px;
color: #6d635a;
max-width: 620px;
margin: 0;
}
.af-about-v2 h2.af2-title {
font-size: 26px;
margin: 52px 0 8px;
}
.af-about-v2 h2.af2-title:after {
content: "";
display: block;
width: 44px;
height: 4px;
border-radius: 2px;
background: #c9581f;
margin-top: 10px;
}
.af-about-v2 .af2-lead {
color: #6d635a;
margin: 14px 0 28px;
}
.af-about-v2 .af2-team-note {
font-size: 15px;
color: #6d635a;
border-left: 3px solid #f0cdb4 !important;
padding-left: 14px !important;
margin-top: 22px;
}
.af-about-v2 .af2-row {
display: grid !important;
grid-template-columns: 170px 1fr !important;
gap: 18px !important;
padding: 22px 0 !important;
border-bottom: 1px solid #e8e1d9 !important;
margin: 0 !important;
}
.af-about-v2 .af2-row:last-of-type {
border-bottom: 0 !important;
}
.af-about-v2 .af2-row h3 {
font-size: 16px;
margin: 2px 0 0 !important;
color: #c9581f;
}
.af-about-v2 .af2-row p {
margin: 0 !important;
color: #2b2521;
}
.af-about-v2 .af2-row a {
color: #c9581f;
}
.af-about-v2 .af2-facts {
background: #faf7f3 !important;
border: 1px solid #e8e1d9 !important;
border-radius: 12px;
padding: 24px 26px !important;
margin: 40px 0 0 !important;
font-size: 15px;
color: #6d635a;
}
.af-about-v2 .af2-facts strong {
color: #2b2521;
}
.af-about-v2 .af2-cta {
margin-top: 60px !important;
padding: 40px 32px !important;
border-radius: 14px;
background: #2b2521 !important;
color: #f3ede6;
text-align: center;
}
.af-about-v2 .af2-cta h2 {
margin: 0 0 10px !important;
font-size: 24px;
color: #ffffff !important;
}
.af-about-v2 .af2-cta p {
margin: 0 auto 24px !important;
max-width: 520px;
color: #cfc6bc !important;
}
.af-about-v2 .af2-btn {
display: inline-block;
background: #c9581f !important;
color: #ffffff !important;
padding: 12px 26px !important;
border-radius: 999px;
text-decoration: none !important;
font-weight: 600;
}
.af-about-v2 .af2-btn:hover {
background: #b34c18 !important;
color: #ffffff !important;
}
@media (max-width: 560px) {
.af-about-v2 .af2-row {
grid-template-columns: 1fr !important;
gap: 6px !important;
}
.af-about-v2 .af2-hero {
padding-top: 32px !important;
}
.af-about-v2 .af2-hero h1 {
font-size: 30px;
}
}
/* ============================================
Autorenarchiv: Paginierung + kompakter Header
Einfuegen unter: Design -> Customizer -> Zusaetzliches CSS
============================================ */
/* --- Paginierung: Listenpunkte weg, sauberes Flex-Layout --- */
.af-author-pagination ul.page-numbers {
list-style: none !important;
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 8px;
margin: 40px 0 0 !important;
padding: 0 !important;
}
.af-author-pagination ul.page-numbers li {
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.af-author-pagination ul.page-numbers li::marker {
content: none;
}
.af-author-pagination .page-numbers {
display: inline-flex;
align-items: center;
justify-content: center;
min-width: 42px;
height: 42px;
padding: 0 14px;
border: 1px solid #e8e1d9;
border-radius: 8px;
background: #fff;
color: #2b2521;
font-weight: 600;
text-decoration: none !important;
transition: border-color 0.15s ease, color 0.15s ease;
}
.af-author-pagination a.page-numbers:hover {
border-color: #ff7518;
color: #ff7518;
}
.af-author-pagination .page-numbers.current {
background: #ff7518;
border-color: #ff7518;
color: #fff;
}
.af-author-pagination .page-numbers.dots {
border: 0;
background: transparent;
min-width: auto;
padding: 0 4px;
color: #6d635a;
font-weight: 400;
}
.af-author-pagination .page-numbers.prev,
.af-author-pagination .page-numbers.next {
padding: 0 18px;
}
/* --- Kompakter Autoren-Header ab Seite 2 --- */
.af-author-profile-header--compact {
background: transparent;
border: 0;
box-shadow: none;
padding: 8px 0 4px;
margin-bottom: 8px;
}
.af-author-profile-header--compact .af-author-back-link {
margin: 0;
font-size: 15px;
}
.af-author-profile-header--compact .af-author-back-link a {
color: #ff7518;
text-decoration: none;
}
.af-author-profile-header--compact .af-author-back-link a:hover {
text-decoration: underline;
}