.site-header { border-bottom: 1px solid #c9a84c; } .item-is-stuck { border-bottom: 1px solid #c9a84c; } /* === Mega-Menü Highlight-Karten (Spalte 4/5) === */ .mega-highlight-card { position: relative; background: linear-gradient(160deg, rgba(201,168,76,0.18) 0%, rgba(0,0,0,0) 55%), linear-gradient(180deg, #1a1a1a 0%, #0a0a0a 100%); border: 1px solid rgba(201,168,76,0.35); border-radius: 10px; padding: 24px 20px !important; overflow: hidden; } .mega-highlight-card::before { content: ""; position: absolute; right: -20px; bottom: -20px; width: 140px; height: 140px; background-image: url('https://elite-shooting.de/wp-content/uploads/2026/06/cropped-cropped-Logo-Elite-Shooting.png'); background-size: contain; background-repeat: no-repeat; background-position: bottom right; opacity: 0.10; pointer-events: none; } .mega-highlight-card > a { position: relative; z-index: 1; font-weight: 700 !important; font-size: 1.05em; } .mega-highlight-card .kadence-menu-item-description { position: relative; z-index: 1; opacity: 0.75; } .mega-highlight-cta { position: relative; z-index: 1; display: inline-block; margin-top: 14px; padding: 10px 22px !important; background: linear-gradient(135deg, #d4b25a 0%, #c9a84c 100%); color: #1a1a1a !important; font-weight: 700; font-size: 0.85em; letter-spacing: 0.03em; text-transform: uppercase; border-radius: 30px; text-align: center; transition: transform 0.2s ease, box-shadow 0.2s ease; } .mega-highlight-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(201,168,76,0.35); color: #1a1a1a !important; } /* === Mega-Menü Design-Verfeinerung (Task 15) === */ /* Goldener Akzentstrich oben am Dropdown, einheitlich für alle Mega-Menüs */ .header-navigation .kadence-menu-mega-enabled > .sub-menu { border-top: 2px solid #c9a84c; } /* Spalten-Titel deutlicher hervorheben (mehr Gewicht als die Unterlinks) */ .kadence-menu-mega-enabled > .sub-menu > li.menu-item-has-children > a .menu-label-content { font-weight: 700; font-size: 14px; letter-spacing: 0.01em; color: #f4f1ea; } /* Beschreibungstext unter dem Spalten-Titel dezenter absetzen */ .kadence-menu-mega-enabled > .sub-menu > li.menu-item-has-children > a .menu-label-description { display: block; font-weight: 400; font-size: 11.5px; line-height: 1.4; opacity: 0.6; margin-top: 4px; letter-spacing: normal; text-transform: none; } /* Spalten-Titel optisch vom Linklisting trennen */ .kadence-menu-mega-enabled > .sub-menu > li.menu-item-has-children > a { padding-bottom: 16px !important; margin-bottom: 4px; border-bottom: 1px solid rgba(201,168,76,0.25); } /* Einheitlicher Gold-Hover für alle Unterlinks in allen Mega-Menüs */ .kadence-menu-mega-enabled > .sub-menu .sub-menu > li > a { transition: background-color 0.18s ease, padding-left 0.18s ease, color 0.18s ease; border-radius: 4px; } .kadence-menu-mega-enabled > .sub-menu .sub-menu > li > a:hover { background-color: rgba(201,168,76,0.08); color: #c9a84c !important; padding-left: 18px !important; } /* Letzter Link je Spalte ohne Trennlinie */ .kadence-menu-mega-enabled > .sub-menu .sub-menu > li:last-child > a { border-bottom: none !important; } /* === Fix: Highlight-Karte verliert unteren Rahmen (Theme-Regel für :last-child) === */ .mega-highlight-card { border-bottom: 1px solid rgba(201,168,76,0.35) !important; } /* === Fix: Logo-Wasserzeichen größer & sichtbarer === */ .mega-highlight-card::before { right: -10px; bottom: -10px; width: 190px; height: 190px; opacity: 0.18; } /* === Fix: Seitentitel-Bereich (Entry Hero) auf Unterseiten war hell statt dunkel === */ .entry-hero-container-inner { background-color: #0e0e10 !important; } .entry-hero-container-inner h1, .entry-hero-container-inner .entry-title, .entry-hero-container-inner p, .entry-hero-container-inner a { color: #f4f1ea !important; } /* === Fix: Footer "Schnellzugriff"-Widget aufräumen === */ /* Toggle-Pfeile fürs Untermenü im Footer ausblenden (Unterpunkte im Footer nicht nötig) */ #nav_menu-1 .drawer-sub-toggle, #nav_menu-1 .sub-menu { display: none !important; } #nav_menu-1 .collapse-sub-navigation > ul > li > .drawer-nav-drop-wrap > a, #nav_menu-1 .collapse-sub-navigation > ul > li > a { display: block; padding: 10px 0; color: #f4f1ea; border-bottom: 1px solid rgba(255,255,255,0.08); transition: color 0.18s ease, padding-left 0.18s ease; } #nav_menu-1 .collapse-sub-navigation > ul > li > .drawer-nav-drop-wrap > a:hover, #nav_menu-1 .collapse-sub-navigation > ul > li > a:hover { color: #c9a84c; padding-left: 4px; } #nav_menu-1 .collapse-sub-navigation > ul > li:last-child > .drawer-nav-drop-wrap > a, #nav_menu-1 .collapse-sub-navigation > ul > li:last-child > a { border-bottom: none; } /* Facebook-Social-Button an dunkles Theme anpassen (statt weißem Kasten) */ .footer-social-item.social-button { background-color: transparent !important; border: 1px solid rgba(201,168,76,0.4) !important; transition: background-color 0.18s ease, border-color 0.18s ease; } .footer-social-item.social-button svg, .footer-social-item.social-button path { fill: #c9a84c !important; } .footer-social-item.social-button:hover { background-color: rgba(201,168,76,0.15) !important; border-color: #c9a84c !important; } /* === Fix: Einheitlicher Innenabstand für alle Mega-Dropdowns (nur Akademie hatte 32px gesetzt) === */ .kadence-menu-mega-enabled > .sub-menu { padding: 32px !important; } /* === Fix: Akademie-Dropdown hatte helleren Hintergrund als die anderen 5 Mega-Menüs === */ .kadence-menu-mega-enabled > .sub-menu { background-color: #0e0e10 !important; } /* Fix: Fließtext in entry-content auf Unterseiten war fast unsichtbar (dunkler Text auf dunklem Hintergrund) */ .entry-content, .entry-content p, .entry-content li, .entry-content span { color: #f4f1ea !important; } .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 { color: #f4f1ea !important; } .entry-content a { color: #c9a84c !important; } .entry-content strong, .entry-content b { color: #ffffff !important; } /* ================= Content-Seiten Design-System (Hero, Cards, Preise, Buttons) ================= */ .fs-hero { position: relative; min-height: 360px; display: flex; align-items: flex-end; padding: 56px 44px 36px; background-size: cover; background-position: center; border-radius: 14px; overflow: hidden; margin: 0 0 40px 0 !important; } .fs-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(14,14,16,0.35) 0%, rgba(14,14,16,0.95) 100%), linear-gradient(90deg, rgba(14,14,16,0.80) 0%, rgba(14,14,16,0.35) 55%, rgba(14,14,16,0.10) 100%); } .fs-hero-inner { position: relative; z-index: 1; max-width: 760px; } .fs-hero-kicker { display: inline-block; color: #c9a84c !important; font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 10px; } .fs-hero h1, .fs-hero h2, .fs-hero p.fs-hero-title { color: #f4f1ea !important; font-size: 2.5em; margin: 0 0 14px 0 !important; line-height: 1.15; font-weight: 700; } .fs-hero p.fs-hero-sub { color: #dcd6c9 !important; font-size: 1.15em; margin: 0 !important; max-width: 640px; } .fs-kicker { display: block; color: #c9a84c !important; font-weight: 700; font-size: 13px; letter-spacing: 0.14em; text-transform: uppercase; margin-bottom: 8px; } .fs-section-title { margin-top: 0.2em !important; } .fs-cards { display: flex; flex-wrap: wrap; gap: 24px; margin: 24px 0 40px; } .fs-card { position: relative; background: linear-gradient(160deg, rgba(201,168,76,0.10) 0%, rgba(0,0,0,0) 60%), #17171a; border: 1px solid rgba(201,168,76,0.28); border-radius: 12px; padding: 28px 24px !important; flex: 1 1 260px; transition: transform 0.2s ease, border-color 0.2s ease; } .fs-card:hover { transform: translateY(-4px); border-color: rgba(201,168,76,0.6); } .fs-card .fs-card-icon { font-size: 1.9em; margin-bottom: 10px; display: block; } .fs-card h3, .fs-card h4 { color: #f4f1ea !important; margin-top: 0 !important; margin-bottom: 8px !important; } .fs-card p, .fs-card li { color: #cfcac0 !important; font-size: 0.95em; } .fs-card ul { margin: 0; padding-left: 1.1em; } .fs-card.fs-featured { border: 2px solid #c9a84c; background: linear-gradient(160deg, rgba(201,168,76,0.18) 0%, rgba(0,0,0,0) 60%), #1a1a1a; } .fs-featured-badge { display: inline-block; background: #c9a84c; color: #1a1a1a !important; font-weight: 700; font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; padding: 4px 12px; border-radius: 20px; margin-bottom: 12px; } .fs-price { font-size: 2em; font-weight: 700; color: #c9a84c !important; margin: 6px 0; } .fs-price .fs-price-unit { font-size: 0.4em; color: #cfcac0 !important; font-weight: 400; } .fs-btn-gold { display: inline-block !important; background: linear-gradient(135deg, #d4b25a 0%, #c9a84c 100%) !important; color: #1a1a1a !important; font-weight: 700 !important; padding: 12px 30px !important; border-radius: 30px !important; text-transform: uppercase; font-size: 0.85em !important; letter-spacing: 0.03em; border: none !important; text-decoration: none !important; transition: transform 0.2s ease, box-shadow 0.2s ease; } .fs-btn-gold:hover { transform: translateY(-2px); box-shadow: 0 6px 16px rgba(201,168,76,0.35); color: #1a1a1a !important; } .fs-table table { border-collapse: collapse; width: 100%; } .fs-table th { background: #1a1a1a; color: #c9a84c !important; text-transform: uppercase; font-size: 0.8em; letter-spacing: 0.04em; padding: 12px !important; border-bottom: 2px solid #c9a84c; text-align: left; } .fs-table td { padding: 12px !important; border-bottom: 1px solid rgba(255,255,255,0.08); color: #f4f1ea !important; } .fs-table tr:hover td { background: rgba(201,168,76,0.06); } .fs-quote { border-left: 3px solid #c9a84c !important; padding: 4px 0 4px 24px !important; margin: 32px 0 !important; } .fs-quote p { color: #f4f1ea !important; font-size: 1.3em !important; font-style: italic; line-height: 1.5; } .fs-quote cite { color: #c9a84c !important; font-size: 0.75em !important; text-transform: uppercase; letter-spacing: 0.05em; } /* Fallback-Hintergrund für .fs-hero, falls kein Bild gesetzt ist (ohne !important – echte Hero-Bilder per Inline-Style gewinnen) */ .fs-hero { background-color: #0e0e10; background-image: radial-gradient(circle at 15% 20%, rgba(201,168,76,0.16) 0%, rgba(201,168,76,0) 45%), radial-gradient(circle at 85% 80%, rgba(201,168,76,0.10) 0%, rgba(201,168,76,0) 50%), linear-gradient(135deg, #1a1a1d 0%, #0e0e10 60%); border: 1px solid rgba(201,168,76,0.25); } .fs-hero::before { content: none; } /* Fix: Gold-Button – inneres Button-Element entfärben (Theme-Rot überschreiben) */ .fs-btn-gold .wp-block-button__link { background: none !important; color: #1a1a1a !important; padding: 0 !important; border-radius: 0 !important; box-shadow: none !important; } /* Fix: Silbentrennung in Karten-Titeln statt harter Wortumbrüche */ .fs-card h3, .fs-card h4 { hyphens: auto; -webkit-hyphens: auto; overflow-wrap: normal; word-break: normal; } /* SVG-Icons (Lucide) in Karten: goldene Line-Icons statt Emojis */ .fs-card-icon { display: block; margin-bottom: 12px; color: #c9a84c !important; line-height: 1; font-size: 0; } .fs-card-icon svg { width: 32px; height: 32px; stroke-width: 1.75; display: inline-block; stroke: #c9a84c !important; } /* Nummern-Badge fuer Ablauf-Schritte */ .fs-step-num { display: inline-flex; width: 38px; height: 38px; border-radius: 50%; border: 1.5px solid #c9a84c; color: #c9a84c !important; align-items: center; justify-content: center; font-weight: 700; font-size: 17px; margin-bottom: 12px; font-family: 'Oswald', sans-serif; } /* A3: Scroll-Animationen (aktiv nur mit Body-Klasse fs-anim, JS-gesteuert) */ body.fs-anim .fs-cards .fs-card { opacity: 0; transform: translateY(22px); transition: opacity .55s ease, transform .55s ease; } body.fs-anim .fs-cards .fs-card.fs-in { opacity: 1; transform: none; } body.fs-anim .fs-hero-inner { opacity: 0; transform: translateY(18px); transition: opacity .7s ease .12s, transform .7s ease .12s; } body.fs-anim .fs-hero-inner.fs-in { opacity: 1; transform: none; } @media (prefers-reduced-motion: reduce) { body.fs-anim .fs-cards .fs-card, body.fs-anim .fs-hero-inner { opacity: 1 !important; transform: none !important; transition: none !important; } } /* Eingerahmte Themen-Sektionen (z.B. Shop vs. Ankauf) */ .fs-section-box { position: relative; border: 1px solid rgba(201,168,76,0.30); border-radius: 16px; padding: 40px 36px 28px; margin: 54px 0; background: linear-gradient(180deg, rgba(201,168,76,0.05) 0%, rgba(201,168,76,0) 45%); } .fs-section-box .fs-kicker { margin-top: 0; } .fs-section-label { position: absolute; top: -14px; left: 28px; background: #0e0e10; padding: 3px 16px; color: #c9a84c !important; font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; font-weight: 700; border: 1px solid rgba(201,168,76,0.45); border-radius: 20px; } /* Werbe-Banner (z.B. Waffen geerbt) */ .fs-banner { border: 1.5px solid #c9a84c; border-radius: 16px; padding: 34px 38px; margin: 10px 0 30px; background: linear-gradient(135deg, rgba(201,168,76,0.16) 0%, rgba(201,168,76,0.03) 55%, rgba(14,14,16,0) 100%); } .fs-banner .fs-banner-title { font-family: 'Oswald', sans-serif; font-size: 1.9em; font-weight: 600; color: #f4f1ea !important; margin: 0 0 10px; line-height: 1.15; } .fs-banner p { color: #dcd6c9 !important; margin: 0 0 18px; max-width: 720px; } .fs-banner .wp-block-buttons { margin: 0; } /* Foto-Karten: Bild oben in der Karte, buendig bis zum Rand */ .fs-card-img { margin: -28px -24px 18px; border-radius: 12px 12px 0 0; overflow: hidden; } .fs-card-img img { display: block; width: 100%; height: 150px; object-fit: cover; border-radius: 12px 12px 0 0; transition: transform 0.35s ease; } .fs-card:hover .fs-card-img img { transform: scale(1.04); } .fs-featured .fs-card-img { margin-top: -28px; } .fs-featured .fs-featured-badge { z-index: 2; position: relative; } /* ===== ES v2 Design-Bausteine (09.07.2026) ===== */ /* Foto-Panels (grosse klickbare Flaechen mit Hintergrundbild) */ .es-panels{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:1200px;margin:36px auto 0;} .es-panels.es-panels-3{grid-template-columns:repeat(3,1fr);} .es-panel{position:relative;display:flex;align-items:flex-end;min-height:420px;border-radius:14px;overflow:hidden;text-decoration:none;text-align:left;border:1px solid #2a2a2e;transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;} .es-panel:hover{transform:translateY(-8px);box-shadow:0 24px 48px rgba(0,0,0,.55);border-color:rgba(201,168,76,.55);} .es-panel-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .6s ease;} .es-panel:hover .es-panel-bg{transform:scale(1.06);} .es-panel-shade{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,12,.94) 20%,rgba(10,10,12,.45) 55%,rgba(10,10,12,.25) 100%);} .es-panel-content{position:relative;padding:34px 30px 30px;width:100%;} .es-panel h3{color:#f4f1ea;font-size:1.7em;margin:0 0 10px;} .es-panel p{color:#d9d4c9;margin:0 0 18px;max-width:520px;} /* Tags / Badges */ .es-tag{display:inline-block;border-radius:999px;padding:6px 16px;font-size:.8em;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;} .es-tag-outline{background:rgba(201,168,76,.15);border:1px solid rgba(201,168,76,.6);color:#c9a84c;} .es-tag-gold{background:#c9a84c;color:#0e0e10;} /* Chips */ .es-chips{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;padding:0;list-style:none;} .es-chips li{border:1px solid rgba(244,241,234,.25);border-radius:999px;padding:5px 14px;font-size:.85em;color:#ebe6dc;background:rgba(14,14,16,.5);} .es-chips.es-chips-center{justify-content:center;} /* Gold-Checkliste */ .es-checks{list-style:none;margin:0 0 30px;padding:0;color:#ebe6dc;text-align:left;} .es-checks li{margin:0 0 10px;padding-left:30px;position:relative;} .es-checks li::before{content:'\2714';position:absolute;left:0;color:#c9a84c;font-weight:700;} /* Gold-Pfeil-Link */ .es-go{color:#c9a84c;font-weight:700;letter-spacing:.03em;text-decoration:none;} .es-go .arr{display:inline-block;transition:transform .3s ease;} .es-panel:hover .es-go .arr,.es-tile:hover .es-go .arr,a.es-go:hover .arr{transform:translateX(8px);} /* Akzent-Kacheln mit Monogramm (--acc als Akzentfarbe setzen) */ .es-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1200px;margin:32px auto 0;} .es-tiles.es-tiles-4{grid-template-columns:repeat(4,1fr);} .es-tiles.es-tiles-2{grid-template-columns:repeat(2,1fr);max-width:1000px;} .es-tile{position:relative;overflow:hidden;display:block;background:#1a1a1d;border:1px solid #2a2a2e;border-top:3px solid var(--acc,#c9a84c);border-radius:12px;padding:28px 24px 24px;text-align:left;text-decoration:none;transition:transform .35s ease,box-shadow .35s ease;} .es-tile:hover{transform:translateY(-8px);box-shadow:0 20px 44px rgba(0,0,0,.55);} .es-mono{position:absolute;right:6px;bottom:-20px;font-family:'Oswald',sans-serif;font-size:6.5em;font-weight:700;color:var(--acc,#c9a84c);opacity:.09;line-height:1;pointer-events:none;transition:opacity .35s,transform .35s;} .es-tile:hover .es-mono{opacity:.18;transform:scale(1.07);} .es-tile h3,.es-tile h4{color:#f4f1ea;margin:0 0 8px;} .es-tile p{color:#9a958a;margin:0 0 16px;} /* Nummern-Schritte */ .es-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:32px auto 0;counter-reset:esstep;} .es-step{position:relative;text-align:left;padding:24px;background:#1a1a1d;border-radius:12px;border:1px solid #2a2a2e;} .es-step::before{counter-increment:esstep;content:counter(esstep,decimal-leading-zero);display:block;font-family:'Oswald',sans-serif;font-size:2.2em;font-weight:700;color:#c9a84c;opacity:.85;margin-bottom:8px;} /* Dunkle Akzent-Sektion mit Goldlinien */ .es-sec-dark{background:#1a1a1d;border-top:1px solid rgba(201,168,76,.35);border-bottom:1px solid rgba(201,168,76,.35);} /* Responsive */ @media(max-width:1024px){.es-tiles,.es-tiles-4{grid-template-columns:repeat(2,1fr);}.es-steps{grid-template-columns:repeat(2,1fr);}} @media(max-width:700px){.es-panels,.es-panels-3,.es-tiles,.es-tiles-4,.es-tiles-2,.es-steps{grid-template-columns:1fr;}.es-panel{min-height:360px;}} @media(prefers-reduced-motion:reduce){.es-panel,.es-panel-bg,.es-tile,.es-mono,.es-go .arr{transition:none!important;}} /* ES v2: Silbentrennung in Kachel-Titeln */ .es-tile h3,.es-tile h4,.es-step h3{-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word;} /* ES v2: Hero-Lesbarkeit - Scrim aktivieren + Textschatten (09.07.2026) */ .fs-hero{position:relative;} .fs-hero::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;} .fs-hero-inner{position:relative;z-index:2;} .fs-hero-kicker,.fs-hero-title,.fs-hero-sub{text-shadow:0 2px 14px rgba(0,0,0,.8),0 1px 3px rgba(0,0,0,.9);} .fs-hero .wp-block-buttons{position:relative;z-index:2;} .es-panel h3,.es-panel p,.es-panel .es-go{text-shadow:0 1px 8px rgba(0,0,0,.7);} /* ES v2: Unterseiten-Heros hoeher + Abstand zum Header (09.07.2026) */ .fs-hero{min-height:52vh;padding-top:72px;padding-bottom:48px;} /* ES v2: Freistehende Inhalte auf unboxed Seiten auf Lesebreite begrenzen */ .page .entry-content > p,.page .entry-content > h2,.page .entry-content > h3,.page .entry-content > ul,.page .entry-content > ol{max-width:860px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px;} .page .entry-content > .wp-block-buttons{max-width:860px;margin-left:auto;margin-right:auto;justify-content:center;} /* ===== Footer aufgeräumt (10.07.2026) ===== */ .site-middle-footer-inner-wrap{max-width:1200px;margin-left:auto;margin-right:auto;gap:48px;} .site-middle-footer-inner-wrap .widget_nav_menu ul.menu{columns:2;column-gap:40px;} .site-bottom-footer-inner-wrap{grid-template-columns:1fr !important;} .site-bottom-footer-inner-wrap .site-footer-section{flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:6px;} .site-bottom-footer-inner-wrap .site-footer-section:first-child:empty{display:none;} .site-bottom-footer-inner-wrap .menu{justify-content:center;flex-wrap:wrap;} /* Footer-Newsletter (10.07.2026) */ #block-13 h4.wp-block-heading{font-size:20px;text-transform:uppercase;color:#fff;margin:0 0 12px;font-weight:700;} #block-13 .kb-advanced-form input[type=email]{width:100%;} #block-13 .kb-adv-form-field{margin-bottom:10px;} #block-13 .kb-field1900_consent label, #block-13 .kb-field1900_consent{font-size:.8rem;color:#9a958a;} #block-13 .kb-adv-form-submit-button{width:100%;} /* Header-Buttons dezenter (10.07.2026) */ .site-header-item a.header-button2{background:transparent !important;border:none !important;padding:6px 10px;font-size:12.5px;letter-spacing:.06em;color:#c9a84c !important;} .site-header-item a.header-button2:hover{color:#e0c06a !important;text-decoration:underline;text-underline-offset:4px;} .site-header-item a.header-button{font-size:12.5px;padding:6px 18px;letter-spacing:.06em;} /* Header Account-Label deutlich (10.07.2026) */ .header-account-wrap .header-account-button, .header-account-in-wrap .header-account-button{color:#c9a84c !important;gap:7px;} .header-account-wrap .header-account-label{font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;font-weight:600;color:#c9a84c;} .header-account-wrap .header-account-button:hover, .header-account-wrap .header-account-button:hover .header-account-label{color:#e0c06a !important;} /* Account-Rahmen + CTA nur für Gäste (10.07.2026) */ body.logged-in .site-header-item a.header-button{display:none !important;} .header-account-wrap .header-account-button, .header-account-in-wrap .header-account-button{border:1px solid rgba(201,168,76,.55);border-radius:999px;padding:3px 18px;line-height:1;transition:all .25s ease;} .header-account-wrap .header-account-button:hover, .header-account-in-wrap .header-account-button:hover{background:#c9a84c;border-color:#c9a84c;color:#1a1a1d !important;} .header-account-wrap .header-account-button:hover .header-account-label, .header-account-in-wrap .header-account-button:hover .header-account-label{color:#1a1a1d !important;} .header-account-wrap .header-account-button:hover svg, .header-account-in-wrap .header-account-button:hover svg{fill:#1a1a1d;} /* Hero-Gold-Button: Text exakt mittig + Puls-Hover (10.07.2026) */ .fs-btn-gold .wp-block-button__link{background:transparent !important;padding:0 !important;border:none !important;color:inherit !important;line-height:1 !important;display:inline-flex;align-items:center;justify-content:center;} .fs-btn-gold{line-height:1 !important;display:inline-flex !important;align-items:center;justify-content:center;} @keyframes fsPulse{0%{box-shadow:0 0 0 0 rgba(201,168,76,.55);}70%{box-shadow:0 0 0 16px rgba(201,168,76,0);}100%{box-shadow:0 0 0 0 rgba(201,168,76,0);}} .fs-btn-gold:hover{animation:fsPulse 1.3s ease-out infinite;transform:translateY(-2px);} @media (prefers-reduced-motion: reduce){.fs-btn-gold:hover{animation:none;}} /* ===== Event-Detailseiten im fs-Design (10.07.2026) ===== */ body.single-mep_events{--color_theme:#c9a84c;--color_theme_ee:#c9a84cee;--color_theme_cc:#c9a84ccc;--color_theme_aa:#c9a84caa;} body.single-mep_events .mpwem_wrapper, body.single-mep_events .mep-events-wrapper, body.single-mep_events .content_area{background:#141416 !important;} body.single-mep_events .mep-default-content, body.single-mep_events .df-sidebar-part, body.single-mep_events .mpwem_tile, body.single-mep_events .mpwem_booking_panel{background:#1f1f23 !important;border:1px solid #33322c !important;border-radius:8px;color:#c9c4b8;} body.single-mep_events .mep-default-content h1, body.single-mep_events .mep-default-content h2, body.single-mep_events .mep-default-content h3, body.single-mep_events .mep-default-content h4, body.single-mep_events .mep-default-content strong, body.single-mep_events .mep-default-content b{color:#f4f1ea !important;} body.single-mep_events .mep-default-content p, body.single-mep_events .mep-default-content li, body.single-mep_events .mep-default-content span{color:#c9c4b8;} body.single-mep_events .mep-default-content a{color:#c9a84c;} body.single-mep_events .df-sidebar-part, body.single-mep_events .df-sidebar-part p, body.single-mep_events .df-sidebar-part span, body.single-mep_events .df-sidebar-part li, body.single-mep_events .df-sidebar-part a{color:#c9c4b8;} body.single-mep_events .df-sidebar-part h1, body.single-mep_events .df-sidebar-part h2, body.single-mep_events .df-sidebar-part h3, body.single-mep_events .df-sidebar-part h4, body.single-mep_events .df-sidebar-part h5, body.single-mep_events .widgets_title, body.single-mep_events .df-sidebar-part strong{color:#f4f1ea !important;} body.single-mep_events .mpwem_organizer{background:#1f1f23 !important;border-top:3px solid #c9a84c;} body.single-mep_events .mpwem_organizer *, body.single-mep_events .mpwem_organizer a{color:#f4f1ea !important;} body.single-mep_events ._button_theme, body.single-mep_events [class*="_button_theme"]{background:linear-gradient(135deg,#d4b25a 0%,#c9a84c 100%) !important;color:#1a1a1d !important;border:none !important;border-radius:30px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;} body.single-mep_events .mpwem_book_now{width:auto;} body.single-mep_events h1.entry-title, body.single-mep_events .mpwem_container > h1, body.single-mep_events .mpwem_details h1{color:#f4f1ea;} /* Event-fs-Design Teil 2: Restboxen + Tickets (10.07.2026) */ body.single-mep_events .short_item, body.single-mep_events .setas-info, body.single-mep_events .date-list-item, body.single-mep_events .mpwem_ticket_type, body.single-mep_events .mpwem_form_submit_area{background:#26262b !important;border:1px solid #33322c !important;border-radius:8px;color:#e8e4da !important;} body.single-mep_events .short_item *, body.single-mep_events .setas-info *, body.single-mep_events .date-list-item, body.single-mep_events .date-list-item *, body.single-mep_events .mpwem_ticket_type *, body.single-mep_events .mpwem_form_submit_area *{color:#e8e4da !important;} body.single-mep_events .short_item h6, body.single-mep_events .setas-info strong{color:#f4f1ea !important;} body.single-mep_events .mpwem_ticket_type .formControl{background:#141416 !important;border:1px solid #3a382f !important;color:#f4f1ea !important;} body.single-mep_events .decQty, body.single-mep_events .incQty{background:#c9a84c !important;color:#1a1a1d !important;border:none !important;} body.single-mep_events ._button_theme *, body.single-mep_events [class*="_button_theme"] *{color:#1a1a1d !important;} body.single-mep_events .ticket-remaining{background:rgba(201,168,76,.15) !important;border:1px solid rgba(201,168,76,.5) !important;color:#c9a84c !important;border-radius:999px;padding:2px 10px;font-size:.78em;} body.single-mep_events .ticket-remaining.remaining-low{background:rgba(192,57,43,.15) !important;border-color:rgba(192,57,43,.6) !important;color:#e07b6d !important;} /* Kontaktformular-Karte: dunkle Typo auf hellem Grund (10.07.2026) */ .page-id-1494 .kb-advanced-form label, .page-id-1494 .kb-advanced-form .kb-adv-form-label{color:#1a1a1d !important;} .page-id-1494 .kb-advanced-form input, .page-id-1494 .kb-advanced-form select, .page-id-1494 .kb-advanced-form textarea{color:#1a1a1d !important;background:#fff !important;border:1px solid #cfc9bc !important;} /* =================================================================== Shop-Lesbarkeit und Markenfarben (WooCommerce) - 21.08.2026 Ursache: Die globale Theme-Textfarbe #f4f1ea wird in WooCommerce- Bausteine vererbt, die einen eigenen hellen Hintergrund mitbringen (Zahlungsweisen, Bestelluebersicht, Auswahlfelder). Ergebnis war hell auf hell. Zusaetzlich lag auf den Shop-Buttons noch der rote Verlauf aus dem Kadence-Starter-Template. =================================================================== */ /* --- Primaere Shop-Buttons: Marken-Gold statt Starter-Template-Rot --- */ .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce a.checkout-button, .woocommerce #payment #place_order, .woocommerce button[name="update_cart"] { background-image: none !important; background-color: #c9a84c !important; color: #0e0e10 !important; border-color: #c9a84c !important; } .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce a.checkout-button:hover, .woocommerce #payment #place_order:hover, .woocommerce button[name="update_cart"]:hover:not(:disabled) { background-color: #d4b95e !important; color: #0e0e10 !important; } .woocommerce button[name="update_cart"]:disabled { background-color: #9a958a !important; color: #1a1a1d !important; opacity: 1 !important; } /* --- Checkout: Zahlungsweisen (heller Kasten) --- */ .woocommerce-checkout #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods label, .woocommerce-checkout #payment div.payment_box, .woocommerce-checkout #payment div.payment_box p, .woocommerce-checkout #payment div.payment_box li { color: #1a1a1d !important; } .woocommerce-checkout #payment div.payment_box a, .woocommerce-checkout #payment ul.payment_methods a { color: #8a7434 !important; } /* --- Checkout: Bestelluebersicht (weisser Kasten) --- */ .woocommerce-checkout-review-order-table, .woocommerce-checkout-review-order-table th, .woocommerce-checkout-review-order-table td, .woocommerce-checkout-review-order-table strong, .woocommerce-checkout-review-order-table small, .woocommerce-checkout-review-order-table label, .woocommerce-checkout-review-order-table .amount { color: #1a1a1d !important; } .woocommerce-checkout-review-order-table a { color: #8a7434 !important; } .woocommerce-checkout-review-order-table a:hover { color: #c9a84c !important; } /* --- Auswahlfelder Land / Bundesland --- */ .select2-container--default .select2-selection--single .select2-selection__rendered, .select2-container--default .select2-search--dropdown .select2-search__field, .select2-container--default .select2-results__option { color: #1a1a1d !important; } .select2-container--default .select2-results__option--highlighted[aria-selected] { background-color: #c9a84c !important; color: #0e0e10 !important; } /* --- Formularfelder im Shop --- */ .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .woocommerce form .form-row select, .woocommerce-page form .form-row input.input-text, .woocommerce-page form .form-row textarea, .woocommerce-page form .form-row select { color: #1a1a1d !important; background-color: #ffffff !important; border: 1px solid #cfc9bc !important; } .woocommerce form .form-row input.input-text::placeholder, .woocommerce form .form-row textarea::placeholder { color: #6f6f75 !important; } /* --- Kleingedrucktes auf dunklem Grund --- */ .woocommerce .cart_totals small, .woocommerce-cart-form small, .woocommerce-shipping-destination, .woocommerce-result-count, .woocommerce .woocommerce-ordering select { color: #c9c5bc !important; } /* --- Produktkacheln in Shop und Kategorien --- */ .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2 { color: #f4f1ea !important; } .woocommerce ul.products li.product a:not(.button):hover .woocommerce-loop-product__title { color: #c9a84c !important; } .woocommerce ul.products li.product .price, .woocommerce ul.products li.product .price .amount { color: #c9a84c !important; } .woocommerce ul.products li.product .button { background-image: none !important; background-color: #c9a84c !important; color: #0e0e10 !important; } /* --- Einzelnes Produkt --- */ .woocommerce div.product .summary, .woocommerce div.product .summary p, .woocommerce div.product .summary small, .woocommerce div.product .summary li { color: #e6e2d8 !important; } .woocommerce div.product .summary a { color: #c9a84c !important; } .woocommerce div.product .summary .price, .woocommerce div.product .summary .price .amount { color: #c9a84c !important; } .woocommerce div.product .summary .stock.in-stock { color: #93b87f !important; } .woocommerce div.product .summary .stock.out-of-stock { color: #d98a8a !important; } .woocommerce div.product .woocommerce-tabs .panel, .woocommerce div.product .woocommerce-tabs .panel p, .woocommerce div.product .woocommerce-tabs .panel li { color: #e6e2d8 !important; } .woocommerce .woocommerce-breadcrumb, .woocommerce .woocommerce-breadcrumb a { color: #c9c5bc !important; } .woocommerce .woocommerce-breadcrumb a:hover { color: #c9a84c !important; } /* --- Nachtrag Shop-Lesbarkeit (21.08.2026) --- */ /* Produkttitel auf der Einzelproduktseite: war dunkel auf dunkel */ body.single-product h1.product_title, body.single-product .summary h1, body.single-product .summary h2 { color: #f4f1ea !important; } /* Brotkrumen */ .kadence-breadcrumbs, .kadence-breadcrumbs a, .kadence-breadcrumbs .bc-delimiter, .kadence-breadcrumbs .kadence-bread-current, .woocommerce-breadcrumb, .woocommerce-breadcrumb a { color: #c9c5bc !important; } .kadence-breadcrumbs a:hover, .woocommerce-breadcrumb a:hover { color: #c9a84c !important; } /* Produktkacheln: Steuer- und Versandhinweis waren dunkel auf dunkel */ .woocommerce ul.products li.product .product-details, .woocommerce ul.products li.product .product-details p, .woocommerce ul.products li.product .wgm-info, .woocommerce ul.products li.product .woocommerce-de_price_taxrate { color: #c9c5bc !important; } .woocommerce ul.products li.product .wgm-info a, .woocommerce ul.products li.product a.versandkosten { color: #c9a84c !important; } /* Warenkorb: Zusatzangaben von German Market */ .woocommerce-cart-form dl.variation dt, .woocommerce-cart-form dl.variation dd, .woocommerce-cart-form dl.variation p { color: #c9c5bc !important; } /* Checkout: Waehrungszeichen und Steuerzeile im hellen Kasten */ .woocommerce-checkout-review-order-table span, .woocommerce-checkout-review-order-table .woocommerce-Price-currencySymbol, .woocommerce-checkout-review-order-table .wgm-tax, .woocommerce-checkout #payment .wgm-tax { color: #1a1a1d !important; } /* Checkout: Feldbeschriftungen auf dunklem Grund */ .woocommerce form .form-row label, .woocommerce-page form .form-row label, .woocommerce form .form-row .optional { color: #e6e2d8 !important; } .woocommerce form .form-row .required { color: #c9a84c !important; } /* --- Nachtrag 2: Produktkacheln einheitlich (21.08.2026) --- */ /* Auf der Einzelproduktseite hatten die Kacheln unter "Aehnliche Produkte" einen weissen Kartenhintergrund, im Kategorie-Archiv einen transparenten. Dadurch war der Produkttitel dort hell auf weiss. */ .woocommerce ul.products li.product.content-bg, .woocommerce ul.products li.product .product-details, .woocommerce ul.products li.product .entry-content-wrap { background-color: transparent !important; } .woocommerce section.related > h2, .woocommerce section.upsells > h2, .woocommerce div.product section.related h2 { color: #f4f1ea !important; } .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h2.woocommerce-loop-product__title { color: #f4f1ea !important; } /* --- Nachtrag 3: Korrektur Zahlungsweisen (21.08.2026) --- */ /* Nur die Beschriftung der Zahlungsart hat einen eigenen hellen Hintergrund. Der aufklappende Beschreibungskasten liegt auf dem dunklen Seitengrund. */ .woocommerce-checkout #payment ul.payment_methods li, .woocommerce-checkout #payment div.payment_box, .woocommerce-checkout #payment div.payment_box p, .woocommerce-checkout #payment div.payment_box li { color: #e6e2d8 !important; } .woocommerce-checkout #payment div.payment_box a { color: #c9a84c !important; } .woocommerce-checkout #payment ul.payment_methods label { color: #1a1a1d !important; } .woocommerce-checkout #payment ul.payment_methods label a { color: #8a7434 !important; } .woocommerce-SavedPaymentMethods-save label, .woocommerce-SavedPaymentMethods-saved label { color: #e6e2d8 !important; } .woocommerce-form-coupon-toggle a.showcoupon, .woocommerce-info a.showcoupon { color: #6b5a28 !important; } .woocommerce-form-coupon-toggle a.showcoupon:hover, .woocommerce-info a.showcoupon:hover { color: #0e0e10 !important; } /* --- Nachtrag 4: AGB-Kasten und Zahlungsart-Beschriftungen (21.08.2026) --- */ /* Der AGB-Kasten im Checkout hat einen hellen Hintergrund (#ebe6dc), der komplette Rechtstext war dadurch hell auf hell. */ .woocommerce-terms-and-conditions, .woocommerce-terms-and-conditions p, .woocommerce-terms-and-conditions span, .woocommerce-terms-and-conditions strong, .woocommerce-terms-and-conditions em, .woocommerce-terms-and-conditions li, .woocommerce-terms-and-conditions h1, .woocommerce-terms-and-conditions h2, .woocommerce-terms-and-conditions h3, .woocommerce-terms-and-conditions h4 { color: #1a1a1d !important; } .woocommerce-terms-and-conditions a { color: #6b5a28 !important; } /* Nur die Beschriftung der Zahlungsart hat den hellen Hintergrund, alles im aufgeklappten Kasten liegt auf dunklem Grund. */ .woocommerce-checkout #payment ul.payment_methods > li > label { color: #1a1a1d !important; } .woocommerce-checkout #payment ul.payment_methods .payment_box label, .woocommerce-checkout #payment ul.payment_methods .payment_box p, .woocommerce-checkout #payment ul.payment_methods .payment_box span { color: #e6e2d8 !important; } /* --- Nachtrag 5: Startseite, Gold-Buttons und Chips (21.08.2026) --- */ /* Die Buttons in .fs-btn-gold hatten dunkle Schrift, aber keine Fuellfarbe. Dadurch standen sie dunkel auf dunkel und waren unsichtbar. */ .wp-block-button.fs-btn-gold > .wp-block-button__link { background-color: #c9a84c !important; color: #0e0e10 !important; border-color: #c9a84c !important; } .wp-block-button.fs-btn-gold > .wp-block-button__link:hover, .wp-block-button.fs-btn-gold > .wp-block-button__link:focus { background-color: #d4b95e !important; color: #0e0e10 !important; } /* Chips auf goldenem Grund brauchen dunkle Schrift */ .es-tag, .es-tag-outline, .es-wh-tag, .es-wh-tag-shop, .es-wh-tag-gold { color: #0e0e10 !important; } /* --- Nachtrag 6: Chips auf Gold (21.08.2026) --- */ /* Weiter oben in dieser Datei steht: .entry-content, .entry-content p, .entry-content li, .entry-content span { color:#f4f1ea !important; } Diese Regel ist spezifischer als eine reine Klassenregel und faerbt auch die goldenen Chips hell. Deshalb hier mit hoeherer Spezifitaet gegensteuern. */ .entry-content span.es-tag, .entry-content span.es-tag-outline, .entry-content span.es-wh-tag, .entry-content span.es-wh-tag-shop, .entry-content span.es-wh-tag-gold { color: #0e0e10 !important; } /* --- Nachtrag 7: Korrektur Chips (21.08.2026) --- */ /* Nachtrag 6 war zu pauschal. Nur .es-tag-gold und .es-wh-tag-gold haben eine deckende Goldflaeche und brauchen dunkle Schrift. Die uebrigen Chips sind nur zu 15 Prozent goldgetoent und liegen faktisch auf dunklem Grund. */ .entry-content span.es-tag-outline, .entry-content span.es-wh-tag, .entry-content span.es-wh-tag-shop, span.es-tag-outline, span.es-wh-tag-shop { color: #d4b95e !important; } .entry-content span.es-tag-gold, .entry-content span.es-wh-tag-gold, span.es-tag-gold, span.es-wh-tag-gold { color: #0e0e10 !important; } /* ===== 2026-08-22 | Klub-Seite: Section-System .es-sec / .es-wrap ===== */ .es-sec { padding: 44px 24px; text-align: center; } .es-sec + .es-sec { padding-top: 4px; } .fs-hero + .es-sec { padding-top: 40px; } .es-sec.es-sec-dark { padding: 60px 24px; margin-top: 32px; } .es-wrap { max-width: 1240px; margin: 0 auto; } .es-sec .fs-kicker { margin-bottom: 6px; } .es-sec .fs-section-title { font-size: clamp(28px, 3.4vw, 42px) !important; line-height: 1.16 !important; margin: 0 0 6px !important; } .es-sec .fs-cards { margin: 22px 0 0; } .es-sec .fs-card { text-align: left; } .es-sec .es-step { text-align: left; } .es-sec .es-steps { margin: 24px 0 0; } .es-sec > .es-wrap > p { max-width: 780px; margin: 14px auto 0; } .es-sec .fs-quote { max-width: 820px; margin: 0 auto; text-align: left; } @media (max-width: 767px) { .es-sec { padding: 40px 18px; } .es-sec + .es-sec { padding-top: 6px; } .es-sec.es-sec-dark { padding: 44px 18px; margin-top: 24px; } } /* Karten: gleiche Höhe, CTA bündig unten, Badge über dem Bild */ .es-sec .fs-card { display: flex; flex-direction: column; } .es-sec .fs-card .es-tag { align-self: flex-start; white-space: nowrap; font-size: .7em; padding: 5px 12px; letter-spacing: .07em; } .es-sec .fs-card > p:last-child { margin-top: auto; margin-bottom: 0; } /* Badge: bei Bildkarten ueber dem Bild, bei Textkarten oben links mit reserviertem Platz */ .es-sec .fs-card.fs-featured:has(.fs-card-img) .fs-featured-badge { position: absolute; top: 12px; left: 12px; margin: 0; z-index: 3; } .es-sec .fs-cards:has(.fs-featured-badge) .fs-card:not(:has(.fs-card-img)) { padding-top: 66px !important; } .es-sec .fs-card.fs-featured:not(:has(.fs-card-img)) .fs-featured-badge { position: absolute; top: 24px; left: 24px; margin: 0; z-index: 3; } /* Hero-Inhalt auf dieselbe 1240px-Spur wie der Seiteninhalt (global) */ .fs-hero-inner { max-width: 1240px; width: 100%; margin: 0 auto; } .fs-hero-inner > * { max-width: 760px; } /* ===== Ende Klub-Seite ===== */ /* ===== 2026-08-22 | Kadence Advanced Forms auf dunklem Grund ===== */ .entry-content > .wp-block-kadence-advanced-form { max-width: 820px; margin-left: auto; margin-right: auto; padding: 0 24px; } .kb-advanced-form .kb-radio-check-item label, .kb-advanced-form .kb-adv-form-help { color: #cfcac0 !important; } .kb-advanced-form .kb-radio-check-item label a { color: #c9a84c !important; text-decoration: underline; } .kb-advanced-form .kb-adv-form-label { color: #f4f1ea !important; } .kb-advanced-form .kb-adv-form-submit-button { background: #c9a84c !important; border-color: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; padding: 14px 32px !important; } .kb-advanced-form .kb-adv-form-submit-button:hover, .kb-advanced-form .kb-adv-form-submit-button:focus { background: #d4b95e !important; border-color: #d4b95e !important; color: #0e0e10 !important; } .kb-advanced-form .es-form-head { margin: 40px 0 6px !important; padding-top: 22px; border-top: 1px solid rgba(201,168,76,0.28); color: #c9a84c !important; font-size: 1.15em !important; letter-spacing: .03em; } .kb-advanced-form .es-form-head:first-child { margin-top: 0 !important; padding-top: 0; border-top: none; } .kb-advanced-form .es-form-note { color: #9a958a !important; font-size: .92em; } .es-form-intro { color: #cfcac0 !important; max-width: 760px; margin: 14px auto 0; } .es-sec .es-wrap-narrow { max-width: 820px; } /* Kündigungsschaltfläche nach § 312k BGB, dauerhaft im Footer */ /* Vertragsangelegenheiten im Footer: Widerruf (Shop) und Kuendigung (Mitgliedschaft) als Paar */ .es-widerruf-btn, .es-kuendigen-btn { margin-left: 6px; } .es-widerruf-btn > a, .es-kuendigen-btn > a { display: inline-flex !important; flex-direction: column; align-items: center; line-height: 1.2; border: 1px solid rgba(201,168,76,0.55) !important; border-radius: 12px; padding: 8px 18px !important; color: #c9a84c !important; font-weight: 600; transition: background .18s ease, color .18s ease, border-color .18s ease; } .es-widerruf-btn > a::after, .es-kuendigen-btn > a::after { display: block; margin-top: 2px; font-size: 10px; font-weight: 500; letter-spacing: .06em; text-transform: uppercase; color: #9a958a; } .es-widerruf-btn > a::after { content: "Käufe im Onlineshop"; } .es-kuendigen-btn > a::after { content: "Mitgliedschaft & Dauerverträge"; } .es-widerruf-btn > a:hover, .es-widerruf-btn > a:focus, .es-kuendigen-btn > a:hover, .es-kuendigen-btn > a:focus { background: #c9a84c !important; color: #0e0e10 !important; border-color: #c9a84c !important; } .es-widerruf-btn > a:hover::after, .es-kuendigen-btn > a:hover::after, .es-widerruf-btn > a:focus::after, .es-kuendigen-btn > a:focus::after { color: rgba(14,14,16,0.75); } /* German Markets freistehenden roten Button ausblenden - ersetzt durch den Footer-Button oben */ .german-market-withdrawal-button-wrap { display: none !important; } /* --- Eingabefelder auf dunklem Grund statt Weiss --- */ .kb-advanced-form .kb-field, .kb-advanced-form select { background-color: #17171a !important; border: 1px solid rgba(201,168,76,0.28) !important; color: #f4f1ea !important; border-radius: 8px !important; color-scheme: dark; } .kb-advanced-form .kb-field:focus, .kb-advanced-form select:focus { background-color: #1c1c20 !important; border-color: #c9a84c !important; outline: 2px solid rgba(201,168,76,0.35); outline-offset: 1px; } .kb-advanced-form .kb-field::placeholder { color: #9a958a !important; opacity: 1; } .kb-advanced-form input[type="radio"], .kb-advanced-form input[type="checkbox"] { width: 17px !important; height: 17px !important; background-color: #101013 !important; border: 1px solid rgba(201,168,76,0.55) !important; } .kb-advanced-form input[type="radio"]:checked { background-color: #c9a84c !important; border-color: #c9a84c !important; box-shadow: inset 0 0 0 3px #101013 !important; } .kb-advanced-form input[type="checkbox"] { border-radius: 4px !important; } .kb-advanced-form input[type="radio"] { border-radius: 50% !important; } .kb-advanced-form input[type="checkbox"]:checked { background-color: #c9a84c !important; border-color: #c9a84c !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%230e0e10' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round' d='M3.5 8.4l3 3 6-6'/%3E%3C/svg%3E") !important; background-size: 13px 13px !important; background-position: center !important; background-repeat: no-repeat !important; } .kb-advanced-form input[type="radio"]:focus-visible, .kb-advanced-form input[type="checkbox"]:focus-visible { outline: 2px solid #c9a84c; outline-offset: 2px; } /* --- Tarifauswahl: zwei Bereiche nebeneinander --- */ .es-tarif-intro { margin-bottom: 16px !important; } .kb-field2100_tarif fieldset { display: grid; grid-template-columns: 1fr 1fr; column-gap: 22px; align-items: start; } .kb-field2100_tarif legend { grid-column: 1 / -1; grid-row: 1; margin-bottom: 4px; } .kb-field2100_tarif fieldset::before, .kb-field2100_tarif fieldset::after { grid-row: 2; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #c9a84c; padding-bottom: 8px; margin-bottom: 12px; border-bottom: 1px solid rgba(201,168,76,.35); } .kb-field2100_tarif fieldset::before { content: "Bogenschießen"; grid-column: 1; } .kb-field2100_tarif fieldset::after { content: "Scharfes Schießen"; grid-column: 2; } .kb-field2100_tarif .kb-radio-check-item { background: #17171a; border: 1px solid rgba(201,168,76,.22); border-radius: 10px; padding: 12px 14px; margin: 0 0 10px; align-items: flex-start; gap: 10px; transition: border-color .18s ease, background .18s ease; } .kb-field2100_tarif .kb-radio-check-item:hover { border-color: rgba(201,168,76,.6); background: #1c1c20; } .kb-field2100_tarif .kb-radio-check-item:has(input:checked) { border-color: #c9a84c; background: linear-gradient(160deg, rgba(201,168,76,.16) 0%, rgba(0,0,0,0) 70%), #1a1a1a; } .kb-field2100_tarif .kb-radio-check-item label { line-height: 1.45; cursor: pointer; } .kb-field2100_tarif .kb-radio-check-item input { margin-top: 3px; flex: 0 0 auto; } .kb-field2100_tarif .kb-radio-check-item:nth-child(2) { grid-column: 1; grid-row: 3; } .kb-field2100_tarif .kb-radio-check-item:nth-child(3) { grid-column: 1; grid-row: 4; } .kb-field2100_tarif .kb-radio-check-item:nth-child(4) { grid-column: 1; grid-row: 5; } .kb-field2100_tarif .kb-radio-check-item:nth-child(5) { grid-column: 1; grid-row: 6; } .kb-field2100_tarif .kb-radio-check-item:nth-child(6) { grid-column: 2; grid-row: 3; } .kb-field2100_tarif .kb-radio-check-item:nth-child(7) { grid-column: 2; grid-row: 4; } .kb-field2100_tarif .kb-radio-check-item:nth-child(8) { grid-column: 2; grid-row: 5; } .kb-field2100_tarif .kb-radio-check-item:nth-child(9) { grid-column: 2; grid-row: 6; } @media (max-width: 767px) { .kb-field2100_tarif fieldset { grid-template-columns: 1fr; } .kb-field2100_tarif fieldset::before { grid-column: 1; grid-row: 2; } .kb-field2100_tarif fieldset::after { grid-column: 1; grid-row: 7; margin-top: 16px; } .kb-field2100_tarif .kb-radio-check-item:nth-child(2) { grid-column: 1; grid-row: 3; } .kb-field2100_tarif .kb-radio-check-item:nth-child(3) { grid-column: 1; grid-row: 4; } .kb-field2100_tarif .kb-radio-check-item:nth-child(4) { grid-column: 1; grid-row: 5; } .kb-field2100_tarif .kb-radio-check-item:nth-child(5) { grid-column: 1; grid-row: 6; } .kb-field2100_tarif .kb-radio-check-item:nth-child(6) { grid-column: 1; grid-row: 8; } .kb-field2100_tarif .kb-radio-check-item:nth-child(7) { grid-column: 1; grid-row: 9; } .kb-field2100_tarif .kb-radio-check-item:nth-child(8) { grid-column: 1; grid-row: 10; } .kb-field2100_tarif .kb-radio-check-item:nth-child(9) { grid-column: 1; grid-row: 11; } } /* German-Market-Widerrufsformular auf dunklem Grund */ html body .german-market-withdrawal-form .form-row input.input-text, html body .german-market-withdrawal-form .form-row textarea, html body .woocommerce-page form.german-market-withdrawal-form .form-row input.input-text, html body .woocommerce form.german-market-withdrawal-form .form-row input.input-text, html body .german-market-withdrawal-form .form-row input[type="text"], html body .german-market-withdrawal-form .form-row input[type="email"] { background-color: #17171a !important; border: 1px solid rgba(201,168,76,0.28) !important; color: #f4f1ea !important; border-radius: 8px !important; color-scheme: dark; padding: 12px 14px !important; } .german-market-withdrawal-form .input-text:focus, .german-market-withdrawal-form textarea:focus { border-color: #c9a84c !important; background-color: #1c1c20 !important; } .german-market-withdrawal-form label { color: #f4f1ea !important; } .german-market-withdrawal-form button.button, .german-market-withdrawal-form .woocommerce-button { background: #c9a84c !important; background-image: none !important; border-color: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; border-radius: 999px; padding: 14px 32px !important; } .german-market-withdrawal-form button.button:hover, .german-market-withdrawal-form .woocommerce-button:hover { background: #d4b95e !important; color: #0e0e10 !important; } .german-market-withdrawal-form { max-width: 820px; margin: 0 auto; } /* Datei-Upload */ .kb-advanced-form input[type="file"] { padding: 11px 14px !important; } .kb-advanced-form input[type="file"]::file-selector-button { background: transparent; color: #c9a84c; border: 1px solid rgba(201,168,76,0.6); border-radius: 999px; padding: 7px 16px; margin-right: 14px; cursor: pointer; font-weight: 600; } .kb-advanced-form input[type="file"]::file-selector-button:hover { background: #c9a84c; color: #0e0e10; } /* ===== Ende Formulare ===== */ /* ===== 2026-08-22 | Mitgliederbereich (Konto) im Elite-Shooting-Look ===== */ .woocommerce-account .woocommerce:has(.account-navigation-wrap) { display: grid; grid-template-columns: 290px minmax(0,1fr); gap: 28px; align-items: start; max-width: 1240px; margin: 0 auto; padding: 0 24px; } .woocommerce-account .account-navigation-wrap { width: 100% !important; float: none !important; margin: 0 !important; position: sticky; top: 110px; background: linear-gradient(160deg, rgba(201,168,76,0.09) 0%, rgba(0,0,0,0) 62%), #141417; border: 1px solid rgba(201,168,76,0.22); border-radius: 14px; padding: 22px 16px; } .woocommerce-account .kadence-account-avatar { display: flex; align-items: center; gap: 12px; padding-bottom: 16px; margin-bottom: 14px; border-bottom: 1px solid rgba(201,168,76,0.2); } .woocommerce-account .kadence-customer-name { color: #f4f1ea !important; font-weight: 700; } .woocommerce-account .woocommerce-MyAccount-navigation ul { list-style: none; margin: 0; padding: 0; } .woocommerce-account .woocommerce-MyAccount-navigation li { margin: 0 0 4px; border: none !important; } .woocommerce-account .woocommerce-MyAccount-navigation li a { display: block; background: transparent !important; color: #cfcac0 !important; border-radius: 9px; padding: 10px 14px !important; font-weight: 600; text-decoration: none; transition: background .16s ease, color .16s ease; } .woocommerce-account .woocommerce-MyAccount-navigation li a:hover, .woocommerce-account .woocommerce-MyAccount-navigation li a:focus { background: rgba(201,168,76,0.14) !important; color: #f4f1ea !important; } .woocommerce-account .woocommerce-MyAccount-navigation li.is-active a { background: #c9a84c !important; color: #0e0e10 !important; } .woocommerce-account .woocommerce-MyAccount-navigation li.woocommerce-MyAccount-navigation-link--customer-logout { margin-top: 10px; padding-top: 10px; border-top: 1px solid rgba(201,168,76,0.2) !important; } .woocommerce-account .woocommerce-MyAccount-content { width: 100% !important; float: none !important; margin: 0 !important; background: #141417 !important; border: 1px solid rgba(201,168,76,0.22); border-radius: 14px; padding: 28px 30px !important; } .woocommerce-account .woocommerce-MyAccount-content p, .woocommerce-account .woocommerce-MyAccount-content li, .woocommerce-account .woocommerce-MyAccount-content td, .woocommerce-account .woocommerce-MyAccount-content th, .woocommerce-account .woocommerce-MyAccount-content label, .woocommerce-account .woocommerce-MyAccount-content legend { color: #e6e2d8 !important; } .woocommerce-account .woocommerce-MyAccount-content h1, .woocommerce-account .woocommerce-MyAccount-content h2, .woocommerce-account .woocommerce-MyAccount-content h3, .woocommerce-account .woocommerce-MyAccount-content h4, .woocommerce-account .woocommerce-MyAccount-content strong { color: #f4f1ea !important; } .woocommerce-account .woocommerce-MyAccount-content a { color: #c9a84c; } .woocommerce-account .woocommerce-MyAccount-content small, .woocommerce-account .woocommerce-MyAccount-content .description { color: #9a958a !important; } .woocommerce-account .woocommerce-MyAccount-content table, .woocommerce-account .woocommerce-MyAccount-content table th, .woocommerce-account .woocommerce-MyAccount-content table td { background: transparent !important; border-color: rgba(201,168,76,0.18) !important; } .woocommerce-account .woocommerce-MyAccount-content .button, .woocommerce-account .woocommerce-MyAccount-content button.button, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-Button { background: #c9a84c !important; background-image: none !important; border-color: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; border-radius: 999px; } .woocommerce-account .woocommerce-MyAccount-content .button:hover, .woocommerce-account .woocommerce-MyAccount-content button.button:hover { background: #d4b95e !important; color: #0e0e10 !important; } /* Buchungs-Plugin-Kacheln im Konto */ .woocommerce-account .mpwpb-account-overview { background: transparent !important; border: none !important; padding: 0 !important; } .woocommerce-account .mpwpb-account-action { background: #17171a !important; border: 1px solid rgba(201,168,76,0.22) !important; border-radius: 12px; color: #e6e2d8 !important; padding: 16px 18px !important; box-shadow: none !important; } .woocommerce-account .mpwpb-account-action:hover { border-color: rgba(201,168,76,0.6) !important; background: #1c1c20 !important; } .woocommerce-account .mpwpb-account-action strong { color: #f4f1ea !important; } .woocommerce-account .mpwpb-account-action small { color: #9a958a !important; } .woocommerce-account .mpwpb-account-action__icon, .woocommerce-account .mpwpb-account-action__arrow { color: #c9a84c !important; } /* Login und Registrierung */ .woocommerce-account .woocommerce-form-login, .woocommerce-account .woocommerce-form-register { background: #141417 !important; border: 1px solid rgba(201,168,76,0.22) !important; border-radius: 14px; padding: 28px 30px !important; max-width: 520px; margin: 0 auto !important; } html body.woocommerce-account .woocommerce form .form-row input.input-text, html body.woocommerce-account .woocommerce form .form-row textarea, html body.woocommerce-account .woocommerce form .form-row select { background-color: #17171a !important; color: #f4f1ea !important; border: 1px solid rgba(201,168,76,0.28) !important; border-radius: 8px !important; color-scheme: dark; } @media (max-width: 900px) { .woocommerce-account .woocommerce:has(.account-navigation-wrap) { grid-template-columns: 1fr; padding: 0 18px; } .woocommerce-account .account-navigation-wrap { position: static; } .woocommerce-account .woocommerce-MyAccount-content { padding: 22px 18px !important; } } /* Platzierung erzwingen: Navigation links, Inhalt rechts */ .woocommerce-account .woocommerce:has(.account-navigation-wrap) > .account-navigation-wrap { grid-column: 1 !important; grid-row: 1 !important; order: 0 !important; } .woocommerce-account .woocommerce:has(.account-navigation-wrap) > .woocommerce-MyAccount-content { grid-column: 2 !important; grid-row: 1 !important; order: 1 !important; } .woocommerce-account .woocommerce-MyAccount-navigation ul { display: block !important; } @media (max-width: 900px) { .woocommerce-account .woocommerce:has(.account-navigation-wrap) > .account-navigation-wrap { grid-column: 1 !important; grid-row: 1 !important; } .woocommerce-account .woocommerce:has(.account-navigation-wrap) > .woocommerce-MyAccount-content { grid-column: 1 !important; grid-row: 2 !important; } } /* Blaue Reste des Buchungs-Plugins ueberschreiben */ .woocommerce-account .woocommerce-MyAccount-navigation { background: transparent !important; background-color: transparent !important; box-shadow: none !important; border: none !important; padding: 0 !important; border-radius: 0 !important; } .woocommerce-account .woocommerce-MyAccount-content { box-shadow: none !important; overflow: hidden; } .woocommerce-account .woocommerce-MyAccount-content::before { background: linear-gradient(90deg, #c9a84c 0%, rgba(201,168,76,0.35) 60%, rgba(201,168,76,0) 100%) !important; } .woocommerce-account .woocommerce-MyAccount-content > p::before { background: linear-gradient(145deg, #c9a84c, #a8863a) !important; color: #0e0e10 !important; border-radius: 12px !important; } .woocommerce-account .mpwpb-account-overview__heading span { color: #c9a84c !important; } .woocommerce-account .woocommerce-MyAccount-content .woocommerce-notices-wrapper .woocommerce-message, .woocommerce-account .woocommerce-MyAccount-content .woocommerce-info { background: #17171a !important; color: #e6e2d8 !important; border-top-color: #c9a84c !important; } /* Lange Reiternamen umbrechen statt ueberlaufen */ .woocommerce-account .woocommerce-MyAccount-navigation li a { white-space: normal !important; overflow-wrap: anywhere; line-height: 1.35; } /* Alle Eingabefelder im Kontobereich dunkel, auch Kontodetails */ html body.woocommerce-account .woocommerce-MyAccount-content input.input-text, html body.woocommerce-account .woocommerce-MyAccount-content input.woocommerce-Input, html body.woocommerce-account .woocommerce-MyAccount-content input[type="text"], html body.woocommerce-account .woocommerce-MyAccount-content input[type="email"], html body.woocommerce-account .woocommerce-MyAccount-content input[type="tel"], html body.woocommerce-account .woocommerce-MyAccount-content input[type="password"], html body.woocommerce-account .woocommerce-MyAccount-content textarea, html body.woocommerce-account .woocommerce-MyAccount-content select { background-color: #17171a !important; color: #f4f1ea !important; border: 1px solid rgba(201,168,76,0.28) !important; border-radius: 8px !important; color-scheme: dark; padding: 12px 14px !important; } html body.woocommerce-account .woocommerce-MyAccount-content input:focus, html body.woocommerce-account .woocommerce-MyAccount-content textarea:focus, html body.woocommerce-account .woocommerce-MyAccount-content select:focus { background-color: #1c1c20 !important; border-color: #c9a84c !important; } html body.woocommerce-account .woocommerce-MyAccount-content fieldset { border: 1px solid rgba(201,168,76,0.22) !important; border-radius: 12px; padding: 18px 20px; } html body.woocommerce-account .woocommerce-MyAccount-content fieldset legend { color: #c9a84c !important; padding: 0 8px; } html body.woocommerce-account .woocommerce-MyAccount-content .woocommerce-Input::placeholder { color: #9a958a !important; } /* ===== Ende Mitgliederbereich ===== */ /* ===== 2026-08-22 | Mitgliedschaft im Konto ===== */ .es-ms-kopf { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; margin-bottom: 20px; } .es-ms-kopf h2 { font-size: clamp(22px, 2.4vw, 30px) !important; margin: 0 !important; } .es-ms-badge { display: inline-block; padding: 5px 14px; border-radius: 999px; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; } .es-ms-badge--aktiv { background: #c9a84c; color: #0e0e10; } .es-ms-badge--warten { background: rgba(201,168,76,.16); color: #c9a84c; border: 1px solid rgba(201,168,76,.5); } .es-ms-badge--warnung { background: rgba(215,30,73,.15); color: #e8738f; border: 1px solid rgba(215,30,73,.5); } .es-ms-badge--aus { background: rgba(154,149,138,.15); color: #9a958a; border: 1px solid rgba(154,149,138,.4); } .es-ms-karte { background: #17171a; border: 1px solid rgba(201,168,76,.22); border-radius: 12px; padding: 6px 20px; margin: 0 0 22px; } .es-ms-zeile { display: flex; justify-content: space-between; align-items: baseline; gap: 20px; padding: 13px 0; border-bottom: 1px solid rgba(201,168,76,.14); } .es-ms-zeile:last-child { border-bottom: none; } .es-ms-zeile__label { color: #9a958a !important; font-size: .93em; } .es-ms-zeile__wert { color: #f4f1ea !important; font-weight: 600; text-align: right; } .es-ms-fortschritt { display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; margin: 0 0 22px; } .es-ms-schritt { display: flex; align-items: center; gap: 10px; background: #17171a; border: 1px solid rgba(201,168,76,.18); border-radius: 10px; padding: 12px 14px; } .es-ms-schritt__nr { display: flex; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; font-weight: 700; font-size: 13px; flex: 0 0 auto; background: rgba(201,168,76,.15); color: #c9a84c; } .es-ms-schritt__text { font-size: .92em; color: #9a958a !important; line-height: 1.25; } .es-ms-schritt--fertig .es-ms-schritt__nr { background: rgba(201,168,76,.35); color: #f4f1ea; } .es-ms-schritt--fertig .es-ms-schritt__text { color: #cfcac0 !important; } .es-ms-schritt--aktuell { border-color: #c9a84c; background: linear-gradient(160deg, rgba(201,168,76,.14), rgba(0,0,0,0) 70%), #1a1a1a; } .es-ms-schritt--aktuell .es-ms-schritt__nr { background: #c9a84c; color: #0e0e10; } .es-ms-schritt--aktuell .es-ms-schritt__text { color: #f4f1ea !important; font-weight: 600; } .es-ms-saldo { display: flex; align-items: baseline; gap: 12px; flex-wrap: wrap; background: linear-gradient(160deg, rgba(201,168,76,.14) 0%, rgba(0,0,0,0) 65%), #17171a; border: 1px solid rgba(201,168,76,.3); border-radius: 12px; padding: 22px 24px; margin: 0 0 22px; } .es-ms-saldo__zahl { font-size: 44px; font-weight: 700; color: #c9a84c !important; line-height: 1; } .es-ms-saldo__einheit { font-size: 18px; color: #f4f1ea !important; } .es-ms-saldo__wert { margin-left: auto; color: #9a958a !important; font-size: .93em; } .es-ms-hinweis { color: #9a958a !important; font-size: .93em; border-left: 2px solid rgba(201,168,76,.5); padding-left: 14px; margin: 0 0 20px; } .es-ms-fuss a { color: #c9a84c !important; } .es-ms-tabelle { width: 100%; border-collapse: collapse; margin-top: 12px; } .es-ms-tabelle th { text-align: left; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: #9a958a !important; padding: 8px 10px; border-bottom: 1px solid rgba(201,168,76,.28); } .es-ms-tabelle td { padding: 11px 10px; border-bottom: 1px solid rgba(201,168,76,.12); color: #e6e2d8 !important; } .es-ms-tabelle .es-ms-num { text-align: right; white-space: nowrap; } .es-ms-tabelle .es-ms-plus { color: #c9a84c !important; font-weight: 700; } .es-ms-tabelle .es-ms-minus { color: #cfcac0 !important; font-weight: 700; } @media (max-width: 600px) { .es-ms-fortschritt { grid-template-columns: 1fr; } .es-ms-zeile { flex-direction: column; gap: 3px; } .es-ms-zeile__wert { text-align: left; } .es-ms-saldo__wert { margin-left: 0; width: 100%; } } .es-ms-kontingent { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; background: linear-gradient(160deg, rgba(201,168,76,0.14) 0%, rgba(0,0,0,0) 65%), #17171a; border: 1px solid rgba(201,168,76,0.3); border-radius: 12px; padding: 20px 24px; margin: 0 0 22px; } .es-ms-kontingent__zahl { font-size: 42px; font-weight: 700; color: #c9a84c !important; line-height: 1; display: flex; align-items: baseline; gap: 8px; } .es-ms-kontingent__zahl span { font-size: 15px; font-weight: 500; color: #9a958a !important; } .es-ms-kontingent__text { flex: 1 1 260px; color: #cfcac0 !important; font-size: .95em; line-height: 1.55; } .es-ms-kontingent__text strong { color: #f4f1ea !important; } @media (max-width: 600px) { .es-ms-kontingent { gap: 12px; } } .es-ms-offen { color: #e8a33d !important; font-weight: 600; } /* ===== Ende Mitgliedschaft im Konto ===== */ /* ===== 2026-08-22 | Adressen und Buchungsreiter im Konto ===== */ .woocommerce-account .woocommerce-Addresses::before, .woocommerce-account .woocommerce-Addresses::after, .woocommerce-account .woocommerce-Address-title::before, .woocommerce-account .woocommerce-Address-title::after { display: none !important; content: none !important; } .woocommerce-account .woocommerce-Addresses { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; margin-top: 20px; } .woocommerce-account .woocommerce-Address { width: auto !important; float: none !important; background: #17171a; border: 1px solid rgba(201,168,76,0.22); border-radius: 12px; padding: 22px 24px; } .woocommerce-account .woocommerce-Address-title { display: flex; align-items: center; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin: 0 0 14px; padding-bottom: 12px; border-bottom: 1px solid rgba(201,168,76,0.16); } .woocommerce-account .woocommerce-Address-title h2, .woocommerce-account .woocommerce-Address-title h3 { font-size: 18px !important; line-height: 1.3 !important; margin: 0 !important; color: #f4f1ea !important; hyphens: none; overflow-wrap: normal; word-break: normal; } .woocommerce-account .woocommerce-Address-title { justify-content: flex-start; } .woocommerce-account .woocommerce-Address-title a.edit { font-size: 12px; font-weight: 600; color: #c9a84c !important; border: 1px solid rgba(201,168,76,0.5); border-radius: 999px; padding: 4px 12px; text-decoration: none !important; white-space: normal; max-width: 100%; box-sizing: border-box; margin-left: auto; } .woocommerce-account .woocommerce-Address-title a.edit:hover { background: #c9a84c !important; color: #0e0e10 !important; } .woocommerce-account .woocommerce-Address address { font-style: normal !important; color: #e6e2d8 !important; line-height: 1.7; margin: 0; } .woocommerce-account .woocommerce-Address p { color: #9a958a !important; margin: 0; font-style: normal !important; } .woocommerce-account .woocommerce-address-fields { background: #17171a; border: 1px solid rgba(201,168,76,0.22); border-radius: 12px; padding: 24px 26px; } @media (max-width: 700px) { .woocommerce-account .woocommerce-Addresses { grid-template-columns: 1fr; } } /* Buchungs-Plugin im Konto: Ueberlauf stoppen, Lila raus, Kontraste retten */ .woocommerce-account .woocommerce-MyAccount-content [class*="mpwem-"], .woocommerce-account .woocommerce-MyAccount-content [class*="mpwpb-"] { max-width: 100% !important; box-sizing: border-box; } .woocommerce-account .mpwem-event-bookings-dashboard { width: 100% !important; } .woocommerce-account .woocommerce-MyAccount-content [class*="mpwem-"], .woocommerce-account .woocommerce-MyAccount-content [class*="mpwpb-"] { background-color: transparent !important; box-shadow: none !important; } .woocommerce-account .mpwem-bookings-table-wrapper { overflow-x: auto; } .woocommerce-account .mpwem-dashboard-header h2 { font-size: clamp(20px, 2.2vw, 26px) !important; margin: 0 0 6px !important; } .woocommerce-account .mpwem-dashboard-description { color: #9a958a !important; } .woocommerce-account .woocommerce-MyAccount-content .mpwem-dashboard-filters { background: #17171a !important; border: 1px solid rgba(201,168,76,0.2) !important; border-radius: 12px; } .woocommerce-account .mpwem-filter-group { flex-wrap: wrap; gap: 10px; } .woocommerce-account .woocommerce-MyAccount-content .mpwem-search-input { background: #101013 !important; color: #f4f1ea !important; border: 1px solid rgba(201,168,76,0.28) !important; border-radius: 8px !important; min-width: 0; } .woocommerce-account .woocommerce-MyAccount-content .mpwem-btn { background: #c9a84c !important; background-image: none !important; border-color: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; border-radius: 999px; white-space: nowrap; } .woocommerce-account .woocommerce-MyAccount-content .mpwem-btn:hover { background: #d4b95e !important; color: #0e0e10 !important; } .woocommerce-account .mpwem-stats { display: grid !important; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); gap: 12px; } .woocommerce-account .woocommerce-MyAccount-content .mpwem-stat-item { background: #17171a !important; background-image: none !important; border: 1px solid rgba(201,168,76,0.22) !important; border-radius: 12px; padding: 16px 14px !important; text-align: center; } .woocommerce-account .mpwem-stat-number { color: #c9a84c !important; font-weight: 700; } .woocommerce-account .mpwem-stat-label { color: #cfcac0 !important; } .woocommerce-account .mpwem-bookings-table-wrap, .woocommerce-account .mpwem-bookings-table-container { overflow-x: auto; } .woocommerce-account .mpwem-bookings-table, .woocommerce-account .mpwem-bookings-table thead, .woocommerce-account .mpwem-bookings-table tbody, .woocommerce-account .mpwem-bookings-table tr { background: transparent !important; } .woocommerce-account .woocommerce-MyAccount-content .mpwem-bookings-table th { background: #17171a !important; color: #c9a84c !important; border-bottom: 1px solid rgba(201,168,76,0.3) !important; } .woocommerce-account .mpwem-bookings-table td { background: transparent !important; color: #e6e2d8 !important; border-bottom: 1px solid rgba(201,168,76,0.12) !important; } .woocommerce-account .mpwem-no-bookings, .woocommerce-account .mpwem-bookings-table td em, .woocommerce-account .mpwem-empty { color: #9a958a !important; font-style: normal; } /* ===== Ende Adressen und Buchungsreiter ===== */ /* ===== 2026-08-22 | Buchungswidget im Markenlook (Service Booking Manager) ===== */ /* Setzt das helle Standardtheme des Plugins auf den dunklen Markenlook um. Die Grundregeln stehen im Snippet "Buchungswidget: Marken-Farben"; hier wird gezielt ueberschrieben, damit das Snippet unveraendert bleibt und rueckbaubar ist. */ /* Aussage zur kostenlosen Umbuchung entfernt: steht so nicht in den AGB */ .mpwpb-tree-trust-item:has(.fa-calendar-alt) { display: none !important; } /* Flaechen */ html body .mpwpb_static, html body .mpwpb_static_area, html body .mpwpb_style, html body .mpwpb_popup_main_area, html body .mpwpb-static-template .sidebar { background: #141417 !important; border-color: rgba(201,168,76,0.22) !important; box-shadow: none !important; } html body .mpwpb_static, html body .mpwpb_static_area { border: 1px solid rgba(201,168,76,0.22) !important; border-radius: 14px !important; max-width: 820px; margin-left: auto; margin-right: auto; overflow: hidden; } /* Schrift durchgaengig hell, schlaegt die Pauschalregel des Snippets */ html body .mpwpb_style, html body .mpwpb_style h1, html body .mpwpb_style h2, html body .mpwpb_style h3, html body .mpwpb_style h4, html body .mpwpb_style h5, html body .mpwpb_style h6, html body .mpwpb_style p, html body .mpwpb_style span, html body .mpwpb_style div, html body .mpwpb_style label, html body .mpwpb_style li, html body .mpwpb_style td, html body .mpwpb_style th, html body .mpwpb_style strong, html body .mpwpb_style b, html body .mpwpb_style small, html body .mpwpb_style a { color: #e6e2d8 !important; } html body .mpwpb_style .mpwpb-tree-service-name { color: #f4f1ea !important; font-weight: 600; } html body .mpwpb_style .mpwpb-tree-duration, html body .mpwpb_style .mpwpb-tree-tap-hint, html body .mpwpb_style .mpwpb-tree-trust-item, html body .mpwpb_style .mpwpb-tree-trust-item * { color: #9a958a !important; } html body .mpwpb_style .mpwpb-tree-price, html body .mpwpb_style .mpwpb-tree-price * { color: #c9a84c !important; font-weight: 700; } /* Kopfbereich bleibt gold, Schrift darauf dunkel */ html body .mpwpb-tree-header, html body .mpwpb-tree-header *, html body .mpwpb_popup_header, html body .mpwpb_popup_header * { color: #0e0e10 !important; } html body .mpwpb-tree-header { background: linear-gradient(160deg, #d4b95e 0%, #c9a84c 70%) !important; border-bottom: none !important; } /* Die Farbvariablen des Plugins auf dunkel umstellen. Das greift auch in Schritten, die hier nicht einzeln aufgefuehrt sind. */ html body .mpwpb_style, html body .mpwpb_static_theme, html body .mpwpb-static-template { --mpwpb_color_white: #141417; --mpwpb_color_light: #17171a; --mpwpb_color_light_1: #3a3a40; --mpwpb_color_light_2: #17171a; --mpwpb_color_light_3: #9a958a; --mpwpb_color_border: rgba(201,168,76,0.25); --mpwpb_shadow: none; } /* Pauschal: alle hellen Flaechen im Buchungsablauf abschalten. Die gewuenschten Farben werden weiter unten gezielt wieder gesetzt. */ html body .mpwpb_style div, html body .mpwpb_style section, html body .mpwpb_style aside, html body .mpwpb_style ul, html body .mpwpb_style li, html body .mpwpb_style table, html body .mpwpb_style tr, html body .mpwpb_style td, html body .mpwpb_style th { background-color: transparent !important; } /* Popup, Warenkorb und Fussleiste des Buchungsablaufs */ html body .mpwpb_style .mpwpb_popup_body, html body .mpwpb_style .mpwpb_service_cart_holder, html body .mpwpb_style .mpwpb_cart_progress_wrapper, html body .mpwpb_style .popupFooter, html body .mpwpb_style .next_service_area, html body .mpwpb_style .mpwpb_popup_main_area { background-color: #141417 !important; border-color: rgba(201,168,76,0.18) !important; } html body .mpwpb_style .mpwpb_service_item, html body .mpwpb_style .mpwpb-tree-service-row { background-color: #17171a !important; border: 1px solid rgba(201,168,76,0.2) !important; border-radius: 10px !important; } html body .mpwpb_style .mpwpb_service_item.mpActive, html body .mpwpb_style .mpwpb-tree-service-row.mpActive { background-color: #1e1c18 !important; border-color: #c9a84c !important; } html body .mpwpb_style .mpwpb_cart_progress_step { background-color: #24242a !important; } html body .mpwpb_style .mpwpb_cart_progress_step.mpActive, html body .mpwpb_style .mpwpb_cart_progress_step.active { background-color: #c9a84c !important; } html body .mpwpb_style .groupContent.qtyIncDec { background-color: #101013 !important; border: 1px solid rgba(201,168,76,0.45) !important; border-radius: 999px !important; } html body .mpwpb_style .groupContent.qtyIncDec *, html body .mpwpb_style .qtyIncDec button, html body .mpwpb_style .qtyIncDec span { background-color: transparent !important; color: #f4f1ea !important; } html body .mpwpb_style .mpwpb_price_calculation { background-color: transparent !important; color: #c9a84c !important; border: none !important; } html body .mpwpb_style ._mpBtn_btLight_2_min_150, html body .mpwpb_style [class*="_mpBtn_btLight"], html body .mpwpb_style [class*="_mpBtn_btLight"] * { background-color: transparent !important; color: #c9a84c !important; border-color: rgba(201,168,76,0.35) !important; } html body .mpwpb_style [class*="_mpBtn_btLight"]:hover { background-color: rgba(201,168,76,0.18) !important; } html body .mpwpb_style .qtyIncDec [class*="_mpBtn"], html body .mpwpb_style .qtyIncDec [class*="_mpBtn"] * { background-color: transparent !important; color: #c9a84c !important; border: none !important; } /* Reste aus dem alten Hell-Snippet: gleiche Selektoren, hoehere Spezifitaet */ html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_cart_progress_wrapper, html body .mpwpb-static-template .sidebar .mpwpb_popup .popupFooter, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_service_cart_holder, html body .mpwpb-static-template .sidebar .mpwpb_popup .next_service_area { background-color: #141417 !important; border-color: rgba(201,168,76,0.18) !important; } html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .qtyIncDec, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_extra_service_item .qtyIncDec, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .qtyIncDec .decQty, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .qtyIncDec .incQty, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .qtyIncDec .inputIncDec, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_extra_service_item .qtyIncDec .decQty, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_extra_service_item .qtyIncDec .incQty, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_extra_service_item .qtyIncDec .inputIncDec { background-color: #101013 !important; color: #f4f1ea !important; border-color: rgba(201,168,76,0.45) !important; } html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_price_calculation, html body .mpwpb-static-template .sidebar .mpwpb_popup [class*="_mpBtn_btLight"] { background-color: #17171a !important; color: #f4f1ea !important; border-color: rgba(201,168,76,0.35) !important; } /* Aktive Schaltflaechen sind gold, darauf gehoert dunkle Schrift */ html body .mpwpb_style [class*="_mpBtn"].mActive, html body .mpwpb_style [class*="_mpBtn"].mActive *, html body .mpwpb_style .mpwpb_price_calculation.mActive, html body .mpwpb_style .mpwpb_price_calculation.mActive * { color: #0e0e10 !important; } /* Kassenschritt: aktive Fortschrittsmarke, Zurueck- und Weiter-Schaltflaeche */ html body .mpwpb_style .mpwpb_cart_progress_step.active, html body .mpwpb_style .mpwpb_cart_progress_step.active *, html body .mpwpb_style .mpwpb_cart_progress_step.active .mpwpb_cart_progress_label { color: #0e0e10 !important; } html body .mpwpb_style .mpwpb_cart_progress_step:not(.active) .mpwpb_cart_progress_label { color: #9a958a !important; } html body .mpwpb_style .mpwpb-inline-back-to-booking, html body .mpwpb_style .mpwpb-inline-back-to-booking * { background-color: #17171a !important; color: #c9a84c !important; border: 1px solid rgba(201,168,76,0.45) !important; } html body .mpwpb_style .mpwpb-inline-back-to-booking:hover { background-color: #1c1c20 !important; } html body .mpwpb_style .mpwpb-inline-continue-payment, html body .mpwpb_style .mpwpb-inline-continue-payment * { background-color: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; } html body .mpwpb_style .mpwpb-inline-continue-payment:hover { background-color: #d4b95e !important; } /* Kopfbereich gold, Schrift darauf dunkel. Steht bewusst nach der Pauschalregel. */ html body .mpwpb_style .mpwpb-tree-header, html body .mpwpb_style .mpwpb-tree-header *, html body .mpwpb_style .mpwpb_popup_header, html body .mpwpb_style .mpwpb_popup_header * { color: #0e0e10 !important; } html body .mpwpb_style .mpwpb-tree-header { background: linear-gradient(160deg, #d4b95e 0%, #c9a84c 70%) !important; } /* Einzelne Leistungen */ html body .mpwpb_style .mpwpb-tree-service, html body .mpwpb_item_box { background: #17171a !important; border: 1px solid rgba(201,168,76,0.22) !important; border-radius: 10px !important; } html body .mpwpb_style .mpwpb-tree-service:hover, html body .mpwpb_item_box:hover { background: #1c1c20 !important; border-color: rgba(201,168,76,0.6) !important; } html body .mpwpb-tree-checkbox { background: #101013 !important; border: 1px solid rgba(201,168,76,0.55) !important; } html body .mpwpb-tree-trust { background: transparent !important; border-top: 1px solid rgba(201,168,76,0.16) !important; } html body .mpwpb-tree-trust-item i { color: #c9a84c !important; } /* Datums- und Zeitschaltflaechen */ html body .mpwpb_style ._mpBtn_dBR, html body .mpwpb_style .mpwpb_time_btn, html body .mpwpb_style .mpwpb_date_time_prev, html body .mpwpb_style ._mpBtn_mpDisabled_fullHeight_bgLight { background: #17171a !important; border: 1px solid rgba(201,168,76,0.25) !important; color: #e6e2d8 !important; } html body .mpwpb_style ._mpBtn_dBR:hover, html body .mpwpb_style .mpwpb_time_btn:hover { background: #1c1c20 !important; border-color: rgba(201,168,76,0.6) !important; } html body .mpwpb_style ._mpBtn_dBR.mpActive, html body .mpwpb_style ._mpBtn_dBR.mpActive *, html body .mpwpb_style .mpwpb_time_btn.mpActive, html body .mpwpb_style .mpwpb_time_btn.mpActive * { background: #c9a84c !important; color: #0e0e10 !important; border-color: #c9a84c !important; } /* Eingabefelder im Buchungsablauf */ html body .mpwpb_style input, html body .mpwpb_style select, html body .mpwpb_style textarea { background: #101013 !important; color: #f4f1ea !important; border: 1px solid rgba(201,168,76,0.28) !important; color-scheme: dark; } /* Hauptschaltflaeche */ html body .mpwpb-tree-cta-btn, html body .mpwpb-tree-cta-btn * { background: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; } html body .mpwpb-tree-cta-btn:hover { background: #d4b95e !important; } /* ===== Ende Buchungswidget ===== */ /* ===== 2026-08-23 | Kasse und Warenkorb im dunklen Schema ===== */ html body.woocommerce-checkout .woocommerce form .form-row input.input-text, html body.woocommerce-checkout .woocommerce form .form-row textarea, html body.woocommerce-checkout .woocommerce form .form-row select, html body.woocommerce-checkout .woocommerce input.input-text, html body.woocommerce-cart .woocommerce form .form-row input.input-text, html body.woocommerce-cart .woocommerce input.input-text { background-color: #17171a !important; color: #f4f1ea !important; border: 1px solid rgba(201,168,76,0.28) !important; border-radius: 8px !important; color-scheme: dark; } html body.woocommerce-checkout .woocommerce .select2-selection--single, html body.woocommerce-checkout .woocommerce .select2-selection--single .select2-selection__rendered { background-color: #17171a !important; color: #f4f1ea !important; border-color: rgba(201,168,76,0.28) !important; } html body.woocommerce-checkout .woocommerce-info, html body.woocommerce-cart .woocommerce-info, html body.woocommerce-checkout .woocommerce-message, html body.woocommerce-cart .woocommerce-message { background-color: #17171a !important; color: #e6e2d8 !important; border-top-color: #c9a84c !important; } html body.woocommerce-checkout .woocommerce-info a, html body.woocommerce-cart .woocommerce-info a { color: #c9a84c !important; } html body.woocommerce-checkout .shop_table, html body.woocommerce-checkout .shop_table th, html body.woocommerce-checkout .shop_table td, html body.woocommerce-cart .shop_table, html body.woocommerce-cart .shop_table th, html body.woocommerce-cart .shop_table td { background-color: transparent !important; color: #e6e2d8 !important; border-color: rgba(201,168,76,0.18) !important; } html body.woocommerce-checkout .woocommerce-checkout-review-order-table { background-color: #17171a !important; border: 1px solid rgba(201,168,76,0.22) !important; border-radius: 12px; } html body.woocommerce-checkout .wc_payment_methods li, html body.woocommerce-checkout .wc_payment_method label { background-color: transparent !important; color: #e6e2d8 !important; } html body.woocommerce-checkout .payment_box { background-color: #17171a !important; color: #e6e2d8 !important; border: 1px solid rgba(201,168,76,0.2) !important; } /* ===== Ende Kasse ===== */ /* ===== 2026-08-23 | Kasse Textfarben ===== */ html body.woocommerce-checkout .wc_payment_methods label, html body.woocommerce-checkout .wc_payment_method label, html body.woocommerce-checkout .wc_payment_methods li p, html body.woocommerce-checkout .payment_box p { color: #e6e2d8 !important; } html body.woocommerce-checkout .woocommerce-Price-amount, html body.woocommerce-checkout .woocommerce-Price-amount bdi, html body.woocommerce-checkout .woocommerce-Price-amount .woocommerce-Price-currencySymbol, html body.woocommerce-cart .woocommerce-Price-amount, html body.woocommerce-cart .woocommerce-Price-amount bdi, html body.woocommerce-cart .woocommerce-Price-amount .woocommerce-Price-currencySymbol { color: #f4f1ea !important; } html body.woocommerce-checkout .shop_table .product-name, html body.woocommerce-checkout .shop_table .product-name a, html body.woocommerce-checkout .shop_table .product-quantity, html body.woocommerce-checkout .shop_table th, html body.woocommerce-checkout .shop_table td, html body.woocommerce-checkout .shop_table .variation, html body.woocommerce-checkout .shop_table .variation dt, html body.woocommerce-checkout .shop_table .variation dd, html body.woocommerce-checkout .shop_table .variation dd p, html body.woocommerce-checkout .shop_table small, html body.woocommerce-checkout .shop_table .includes_tax, html body.woocommerce-cart .shop_table .product-name, html body.woocommerce-cart .shop_table .product-name a, html body.woocommerce-cart .shop_table th, html body.woocommerce-cart .shop_table td, html body.woocommerce-cart .shop_table .variation, html body.woocommerce-cart .shop_table .variation dt, html body.woocommerce-cart .shop_table .variation dd { color: #cfcabd !important; } html body.woocommerce-checkout .shop_table tfoot th, html body.woocommerce-checkout .shop_table .order-total th, html body.woocommerce-checkout .shop_table .order-total .woocommerce-Price-amount, html body.woocommerce-checkout .shop_table .order-total bdi { color: #c9a84c !important; } html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper, html body.woocommerce-checkout .woocommerce-privacy-policy-text, html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper p, html body.woocommerce-checkout .woocommerce-privacy-policy-text p, html body.woocommerce-checkout form.checkout label, html body.woocommerce-checkout form.checkout legend, html body.woocommerce-checkout .woocommerce-billing-fields h3, html body.woocommerce-checkout .woocommerce-additional-fields h3, html body.woocommerce-checkout #order_review_heading { color: #e6e2d8 !important; } html body.woocommerce-checkout form.checkout label a, html body.woocommerce-checkout .woocommerce-terms-and-conditions-wrapper a { color: #c9a84c !important; } /* ===== Ende Kasse Textfarben ===== */ /* ===== 2026-08-23 | Zahlarten Nachzug ===== */ html body.woocommerce-checkout #payment ul.payment_methods label, html body.woocommerce-checkout #payment ul.payment_methods > li > label, html body.woocommerce-checkout #payment ul.payment_methods li, html body.woocommerce-checkout #payment ul.payment_methods li p, html body.woocommerce-checkout #payment ul.payment_methods li span { color: #e6e2d8 !important; } html body.woocommerce-checkout #payment ul.payment_methods li, html body.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method { background-color: transparent !important; } html body.woocommerce-checkout #payment ul.payment_methods li .payment_box, html body.woocommerce-checkout #payment ul.payment_methods li .payment_box p { background-color: #17171a !important; color: #cfcabd !important; } html body.woocommerce-checkout #payment ul.payment_methods li .payment_box::before { border-bottom-color: #17171a !important; } html body.woocommerce-checkout #payment { background-color: transparent !important; } html body.woocommerce-checkout #payment div.form-row { background-color: transparent !important; } /* ===== Ende Zahlarten Nachzug ===== */ /* ===== 2026-08-23 | Buchungswidget Popup Nachzug ===== */ html body .mpwpb_static_theme .mpwpb_popup .mpwpb_popup_main_area .mpwpb_popup_header p, html body .mpwpb_static_theme .mpwpb_popup .mpwpb_popup_main_area .mpwpb_popup_header span, html body .mpwpb_style .mpwpb_popup_header p { color: #b9b3a7 !important; } html body .mpwpb_static_theme .mpwpb_popup .mpwpb_popup_header h2, html body .mpwpb_static_theme .mpwpb_popup .mpwpb_popup_header h3, html body .mpwpb_style .mpwpb_popup_header h2, html body .mpwpb_style .mpwpb_popup_header h3 { color: #f4f1ea !important; } html body .mpwpb_static_theme button._mpBtn_btLight_4, html body .mpwpb_style button._mpBtn_btLight_4, html body .mpwpb_static_theme button.mpwpb_service_button._mpBtn_btLight_4 { background-color: #17171a !important; color: #c9a84c !important; border: 1px solid rgba(201,168,76,0.45) !important; } html body .mpwpb_static_theme button._mpBtn_btLight_4:hover, html body .mpwpb_style button._mpBtn_btLight_4:hover { background-color: #c9a84c !important; color: #0e0e10 !important; } /* ===== Ende Popup Nachzug ===== */ /* ===== 2026-08-23 | Hinzufuegen-Knopf im Popup ===== */ html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .mpwpb_service_button, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .mpwpb_service_button * { background-color: #17171a !important; color: #c9a84c !important; border: 1px solid rgba(201,168,76,0.45) !important; } html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .mpwpb_service_button:hover, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .mpwpb_service_button:hover * { background-color: #c9a84c !important; color: #0e0e10 !important; } html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .mpwpb_service_button.mActive, html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb-tree-service-row .mpwpb_service_button.mActive * { background-color: #c9a84c !important; color: #0e0e10 !important; } /* ===== Ende Hinzufuegen-Knopf ===== */ /* ===== 2026-08-23 | Widget-Kasse Knoepfe stark ===== */ html body .mpwpb-static-template .mpwpb-inline-wc-checkout-form button.button.mpwpb-inline-back-to-booking, html body .mpwpb-static-template .mpwpb-inline-wc-checkout-form button.button.mpwpb-inline-back-to-booking * { background-color: #17171a !important; color: #c9a84c !important; border: 1px solid rgba(201,168,76,0.45) !important; } html body .mpwpb-static-template .mpwpb-inline-wc-checkout-form button.button.mpwpb-inline-continue-payment, html body .mpwpb-static-template .mpwpb-inline-wc-checkout-form button.button.mpwpb-inline-continue-payment * { background-color: #c9a84c !important; color: #0e0e10 !important; border: 1px solid #c9a84c !important; font-weight: 700; } html body .mpwpb-static-template .mpwpb-inline-wc-checkout-form button.button.mpwpb-inline-back-to-booking:hover { background-color: #c9a84c !important; color: #0e0e10 !important; } /* ===== Ende Widget-Kasse Knoepfe ===== */ /* ===== 2026-08-23 | Entfernen-Knoepfe lesbar ===== */ html body .mpwpb-static-template .sidebar .mpwpb_popup .mpwpb_price_qty_remove_holder button, html body .mpwpb_style .mpwpb_service_button_remove, html body .mpwpb_style .mpwpb_ex_service_button_remove { color: #f4f1ea !important; } /* ===== Ende Entfernen-Knoepfe ===== */ /* ===== 2026-08-23 | Erlebnis-Anfrage ===== */ .page-id-2218 .fs-hero { padding: 48px 32px 40px !important; } .page-id-2218 .fs-hero-title { margin: 8px 0 12px; } .es-anfrage-hinweis { background: #17171a; border: 1px solid rgba(201,168,76,0.35); border-left: 4px solid #c9a84c; border-radius: 10px; padding: 22px 26px; margin: 0 auto; } .es-anfrage-titel { color: #c9a84c !important; font-weight: 700; letter-spacing: .02em; margin: 0 0 8px !important; } .es-anfrage-hinweis p:last-child { margin: 0 !important; color: #cfcabd; } .es-gewaehlt { max-width: 820px; margin: 0 auto 12px; background: rgba(201,168,76,0.12); border: 1px solid rgba(201,168,76,0.45); border-radius: 8px; padding: 12px 16px; color: #e6e2d8; font-size: .95rem; } .es-voraussetzungen { margin: 0 0 18px; padding-left: 22px; } .es-voraussetzungen li { color: #cfcabd; margin-bottom: 10px; line-height: 1.55; } .es-voraussetzungen li::marker { color: #c9a84c; } .es-paket-cta { display: inline-block; margin-top: 16px; padding: 11px 20px; background: #c9a84c; color: #0e0e10 !important; border-radius: 6px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .78rem; text-decoration: none !important; transition: background .15s ease; } .es-paket-cta:hover { background: #e0bf63; color: #0e0e10 !important; } .fs-card .es-paket-cta { align-self: flex-start; } /* ===== Ende Erlebnis-Anfrage ===== */ /* ===== 2026-08-23 | Paketknopf stark ===== */ html body .entry-content a.es-paket-cta, html body .fs-card a.es-paket-cta { display: inline-block !important; width: auto !important; background: #c9a84c !important; color: #0e0e10 !important; padding: 11px 20px !important; border-radius: 6px !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; font-size: .78rem; text-decoration: none !important; margin-top: 18px; } html body .entry-content a.es-paket-cta:hover, html body .fs-card a.es-paket-cta:hover { background: #e0bf63 !important; color: #0e0e10 !important; } /* ===== Ende Paketknopf ===== */ /* ===== 2026-08-23 | Paketknopf unten buendig ===== */ html body .fs-card { display: flex; flex-direction: column; } html body .fs-card a.es-paket-cta { margin-top: auto !important; align-self: flex-start; } html body .fs-card .fs-price { margin-bottom: 18px; } /* ===== Ende Paketknopf unten ===== */ /* ===== 2026-08-23 | Absendeknopf Innentext ===== */ html body .kb-advanced-form .kb-adv-form-submit-button, html body .kb-advanced-form .kb-adv-form-submit-button .kt-btn-inner-text, html body .kb-advanced-form .kb-adv-form-submit-button span { color: #0e0e10 !important; font-weight: 700; } html body .kb-advanced-form .kb-adv-form-submit-button:hover, html body .kb-advanced-form .kb-adv-form-submit-button:hover .kt-btn-inner-text, html body .kb-advanced-form .kb-adv-form-submit-button:hover span { color: #0e0e10 !important; } /* ===== Ende Absendeknopf ===== */ /* ===== 2026-08-23 | Anfrageseite Hero kompakt ===== */ html body.page-id-2218 .fs-hero { min-height: 0 !important; padding: 44px 32px 40px !important; } html body.page-id-2218 .fs-hero-title { font-size: clamp(1.9rem, 4vw, 2.6rem); } html body.page-id-2218 .fs-hero-sub { max-width: 640px; } /* ===== Ende Hero kompakt ===== */ /* ===== 2026-08-23 | Ortshinweis ===== */ .es-ort-hinweis { background: #141417; border: 1px solid rgba(201,168,76,0.22); border-radius: 10px; padding: 20px 24px; } .es-ort-titel { color: #c9a84c !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .78rem; margin: 0 0 8px !important; } .es-ort-hinweis p:last-child { margin: 0 !important; color: #cfcabd; } /* ===== Ende Ortshinweis ===== */ /* ===== 2026-08-23 | Hinweiskaesten linksbuendig ===== */ html body .es-anfrage-hinweis, html body .es-ort-hinweis, html body .es-anfrage-hinweis p, html body .es-ort-hinweis p { text-align: left !important; } html body.page-id-2218 .es-sec:has(.es-anfrage-hinweis) { padding-bottom: 14px !important; } html body.page-id-2218 .es-sec:has(.es-ort-hinweis) { padding-top: 0 !important; } /* ===== Ende Hinweiskaesten ===== */ /* ===== 2026-08-23 | Badge lesbar ===== */ html body .fs-featured-badge, html body .fs-featured-badge * { color: #0e0e10 !important; font-weight: 700; } /* ===== Ende Badge ===== */ /* ===== 2026-08-23 | Shop Filterleiste und Hinweise ===== */ html body .es-waffen-badge { display: inline-block; margin: 0 0 8px; padding: 4px 10px; border-radius: 4px; font-size: .68rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; line-height: 1.4; } html body .es-waffen-badge.es-waffen-rot { background: #b3392f; color: #f4f1ea; } html body .es-waffen-badge.es-waffen-gelb { background: #c9a84c; color: #0e0e10; } html body .es-waffen-badge.es-waffen-gruen { background: #2f6d4f; color: #f4f1ea; } html body .es-waffen-hinweis { margin: 18px 0; padding: 16px 18px; border-radius: 8px; background: #17171a; border: 1px solid rgba(201,168,76,0.25); border-left: 4px solid #c9a84c; } html body .es-waffen-hinweis.es-waffen-rot { border-left-color: #b3392f; } html body .es-waffen-hinweis.es-waffen-gruen { border-left-color: #2f6d4f; } html body .es-waffen-hinweis strong { display: block; margin-bottom: 6px; color: #c9a84c; font-size: .74rem; letter-spacing: .07em; text-transform: uppercase; } html body .es-waffen-hinweis.es-waffen-rot strong { color: #e0796d; } html body .es-waffen-hinweis p { margin: 0 !important; color: #cfcabd; font-size: .92rem; line-height: 1.6; } /* Seitenleiste im Shop */ html body.woocommerce #secondary .widget, html body.woocommerce-page #secondary .widget { background: #141417; border: 1px solid rgba(201,168,76,0.18); border-radius: 10px; padding: 18px 20px; margin-bottom: 20px; } html body.woocommerce #secondary .widget-title, html body.woocommerce-page #secondary .widget-title { color: #c9a84c !important; font-size: .76rem; letter-spacing: .09em; text-transform: uppercase; margin: 0 0 12px !important; } html body.woocommerce #secondary .widget a, html body.woocommerce-page #secondary .widget a { color: #e6e2d8 !important; text-decoration: none; } html body.woocommerce #secondary .widget a:hover, html body.woocommerce-page #secondary .widget a:hover { color: #c9a84c !important; } html body.woocommerce #secondary .widget li, html body.woocommerce-page #secondary .widget li { color: #b9b3a7; margin-bottom: 7px; list-style: none; } html body.woocommerce #secondary .widget ul, html body.woocommerce-page #secondary .widget ul { padding-left: 0; margin: 0; } html body.woocommerce #secondary .widget ul ul { padding-left: 14px; margin-top: 7px; } html body.woocommerce #secondary input[type="search"], html body.woocommerce #secondary input[type="text"], html body.woocommerce-page #secondary input[type="search"], html body.woocommerce-page #secondary input[type="text"] { background: #0e0e10 !important; color: #f4f1ea !important; border: 1px solid rgba(201,168,76,0.28) !important; border-radius: 6px; } html body.woocommerce #secondary .price_slider_wrapper .ui-slider, html body.woocommerce-page #secondary .price_slider_wrapper .ui-slider { background: #2a2a30; } html body.woocommerce #secondary .ui-slider .ui-slider-range, html body.woocommerce-page #secondary .ui-slider .ui-slider-range { background: #c9a84c; } html body.woocommerce #secondary .ui-slider .ui-slider-handle, html body.woocommerce-page #secondary .ui-slider .ui-slider-handle { background: #c9a84c; border: none; } html body.woocommerce #secondary .price_slider_amount .button, html body.woocommerce-page #secondary .price_slider_amount .button { background: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; } html body.woocommerce #secondary .price_label, html body.woocommerce-page #secondary .price_label { color: #b9b3a7; } /* ===== Ende Shop ===== */ /* ===== 2026-08-23 | Kategoriebaum in der Seitenleiste ===== */ html body .es-katbaum { list-style: none; padding-left: 0; margin: 0; } html body .es-katbaum ul { list-style: none; padding-left: 14px; margin: 6px 0 10px; border-left: 1px solid rgba(201,168,76,0.18); } html body .es-katbaum li { margin: 0 0 7px; line-height: 1.45; } html body .es-katbaum a { color: #e6e2d8 !important; text-decoration: none; } html body .es-katbaum a:hover { color: #c9a84c !important; } html body .es-katbaum ul a { color: #b9b3a7 !important; font-size: .92em; } html body .es-katbaum .es-kat-zahl { color: #8a857b; font-size: .78em; } html body .es-katbaum li.es-kat-aktiv > a { color: #c9a84c !important; font-weight: 700; } html body #secondary .widget h3.widget-title, html body #secondary .widget .wp-block-heading { color: #c9a84c !important; font-size: .76rem; letter-spacing: .09em; text-transform: uppercase; margin: 0 0 12px !important; } /* ===== Ende Kategoriebaum ===== */ /* ===== 2026-08-23 | Steuerhinweis im Minikorb und Ab-18-Feld ===== */ html body .widget_shopping_cart .wgm-info, html body .widget_shopping_cart .woocommerce-de_price_taxrate, html body .mini_cart_item .wgm-info, html body .mini_cart_item .woocommerce-de_price_taxrate, html body .kadence-cart-popup .wgm-info { color: #9a958a !important; } html body .es-ab18-feld { margin: 14px 0 6px; } html body .es-ab18-feld label { color: #e6e2d8 !important; font-size: .92rem; line-height: 1.5; } html body .es-ab18-hinweis { border-left: 4px solid #c9a84c; } /* ===== Ende ===== */ /* ===== 2026-08-23 | Warenkorb-Schublade im dunklen Look ===== */ html body #cart-drawer .drawer-inner { background-color: #141417 !important; color: #e6e2d8 !important; } html body #cart-drawer .drawer-header, html body #cart-drawer .drawer-content { background-color: transparent !important; color: #e6e2d8 !important; } html body #cart-drawer .drawer-header, html body #cart-drawer h2, html body #cart-drawer .drawer-title { color: #f4f1ea !important; border-bottom: 1px solid rgba(201,168,76,0.2); } html body #cart-drawer a { color: #e6e2d8 !important; } html body #cart-drawer a:hover { color: #c9a84c !important; } html body #cart-drawer .mini_cart_item { border-bottom: 1px solid rgba(201,168,76,0.15); } html body #cart-drawer .wgm-info, html body #cart-drawer .woocommerce-de_price_taxrate, html body #cart-drawer .quantity { color: #b9b3a7 !important; } html body #cart-drawer .woocommerce-Price-amount, html body #cart-drawer .woocommerce-Price-amount bdi { color: #f4f1ea !important; } html body #cart-drawer .total, html body #cart-drawer .total strong { color: #c9a84c !important; } html body #cart-drawer .button { background-color: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; } html body #cart-drawer .button.wc-forward:not(.checkout) { background-color: #17171a !important; color: #c9a84c !important; border: 1px solid rgba(201,168,76,0.45) !important; } html body #cart-drawer .drawer-toggle, html body #cart-drawer .toggle-close { color: #c9a84c !important; } /* ===== Ende Warenkorb-Schublade ===== */ /* ===== 2026-08-23 | Zusatzangaben im Minikorb ===== */ html body #cart-drawer .variation, html body #cart-drawer .variation dt, html body #cart-drawer .variation dd, html body #cart-drawer .variation dd p, html body #cart-drawer dl, html body #cart-drawer dt, html body #cart-drawer dd { color: #b9b3a7 !important; } /* ===== Ende ===== */ /* ===== 2026-08-23 | Produktreiter im Markenlook ===== */ html body.single-product .woocommerce-tabs ul.tabs, html body.single-product .woocommerce-tabs ul.wc-tabs { background: transparent !important; border-bottom: 1px solid rgba(201,168,76,0.25) !important; padding: 0 !important; margin: 0 0 24px !important; display: flex; flex-wrap: wrap; gap: 4px; } html body.single-product .woocommerce-tabs ul.tabs::before, html body.single-product .woocommerce-tabs ul.tabs::after { display: none !important; } html body.single-product .woocommerce-tabs ul.tabs li { background: transparent !important; border: 1px solid transparent !important; border-bottom: none !important; border-radius: 8px 8px 0 0 !important; margin: 0 !important; box-shadow: none !important; } html body.single-product .woocommerce-tabs ul.tabs li::before, html body.single-product .woocommerce-tabs ul.tabs li::after { display: none !important; } html body.single-product .woocommerce-tabs ul.tabs li a { color: #b9b3a7 !important; font-weight: 600; letter-spacing: .04em; padding: 12px 20px !important; display: block; text-decoration: none !important; } html body.single-product .woocommerce-tabs ul.tabs li:hover a { color: #e6e2d8 !important; } html body.single-product .woocommerce-tabs ul.tabs li.active { background: #17171a !important; border-color: rgba(201,168,76,0.28) !important; } html body.single-product .woocommerce-tabs ul.tabs li.active a { color: #c9a84c !important; } html body.single-product .woocommerce-Tabs-panel { background: #141417 !important; border: 1px solid rgba(201,168,76,0.18); border-radius: 0 10px 10px 10px; padding: 26px 28px !important; color: #cfcabd !important; } html body.single-product .woocommerce-Tabs-panel h2, html body.single-product .woocommerce-Tabs-panel h3 { color: #f4f1ea !important; } html body.single-product .woocommerce-Tabs-panel h3 { margin-top: 26px; font-size: 1.05rem; letter-spacing: .02em; } html body.single-product .woocommerce-Tabs-panel h3:first-child { margin-top: 0; } html body.single-product .woocommerce-Tabs-panel p, html body.single-product .woocommerce-Tabs-panel li { color: #cfcabd !important; line-height: 1.65; } html body.single-product .woocommerce-Tabs-panel li::marker { color: #c9a84c; } html body.single-product .woocommerce-Tabs-panel a { color: #c9a84c !important; } html body.single-product table.shop_attributes { background: transparent !important; border: 1px solid rgba(201,168,76,0.18) !important; border-radius: 8px; overflow: hidden; width: 100%; } html body.single-product table.shop_attributes th, html body.single-product table.shop_attributes td { background: transparent !important; border-bottom: 1px solid rgba(201,168,76,0.12) !important; padding: 10px 14px !important; font-style: normal !important; } html body.single-product table.shop_attributes th { color: #c9a84c !important; font-weight: 700; width: 38%; } html body.single-product table.shop_attributes td, html body.single-product table.shop_attributes td p { color: #e6e2d8 !important; margin: 0 !important; } html body.single-product table.shop_attributes tr:last-child th, html body.single-product table.shop_attributes tr:last-child td { border-bottom: none !important; } /* ===== Ende Produktreiter ===== */ /* ===== 2026-08-23 | Produktbilder gerahmt ===== */ /* Produktseite: Hauptbild als helle Karte mit weicher Kante */ html body.single-product .woocommerce-product-gallery__wrapper, html body.single-product .woocommerce-product-gallery__image { border-radius: 12px; overflow: hidden; } html body.single-product .woocommerce-product-gallery__image > a, html body.single-product .woocommerce-product-gallery__image > img { display: block; border-radius: 12px; } html body.single-product .woocommerce-product-gallery { background: linear-gradient(180deg, #ffffff 0%, #f2efe8 100%); border: 1px solid rgba(201,168,76,0.28); border-radius: 14px; padding: 18px; box-shadow: 0 14px 34px rgba(0,0,0,0.45); } html body.single-product .woocommerce-product-gallery img { mix-blend-mode: multiply; } html body.single-product .flex-control-thumbs { margin-top: 14px !important; gap: 10px; display: flex; } html body.single-product .flex-control-thumbs li { margin: 0 !important; width: auto !important; } html body.single-product .flex-control-thumbs img { border-radius: 8px; border: 1px solid rgba(14,14,16,0.12); background: #fff; opacity: .75; transition: opacity .15s ease, border-color .15s ease; } html body.single-product .flex-control-thumbs img:hover, html body.single-product .flex-control-thumbs img.flex-active { opacity: 1; border-color: #c9a84c; } /* Übersicht: Bildkachel als helle Karte, Rest bleibt dunkel */ html body.woocommerce ul.products li.product a img, html body.woocommerce-page ul.products li.product a img { background: linear-gradient(180deg, #ffffff 0%, #f2efe8 100%); border: 1px solid rgba(201,168,76,0.22); border-radius: 12px; padding: 10px; box-shadow: 0 8px 22px rgba(0,0,0,0.35); transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease; mix-blend-mode: normal; } html body.woocommerce ul.products li.product:hover a img, html body.woocommerce-page ul.products li.product:hover a img { border-color: rgba(201,168,76,0.6); transform: translateY(-3px); box-shadow: 0 14px 30px rgba(0,0,0,0.5); } html body.woocommerce ul.products li.product .onsale, html body.woocommerce-page ul.products li.product .onsale { border-radius: 4px; font-size: .7rem; letter-spacing: .06em; text-transform: uppercase; } /* ===== Ende Produktbilder ===== */ /* ===== 2026-08-23 | Angebot-Abzeichen und Pflichtstern ===== */ html body .woocommerce span.onsale, html body .woocommerce-page span.onsale { background-color: #c9a84c !important; color: #0e0e10 !important; font-weight: 700; } html body .woocommerce .required, html body .woocommerce abbr.required, html body .woocommerce-page .required { color: #e0796d !important; text-decoration: none !important; border: none !important; } /* ===== Ende ===== */ /* ===== 2026-08-23 | Angebot-Abzeichen stark ===== */ html body span.onsale, html body.woocommerce span.onsale, html body ul.products span.onsale, html body div.product span.onsale { background-color: #c9a84c !important; color: #0e0e10 !important; font-weight: 700 !important; } html body abbr.required, html body span.required, html body .required { color: #e0796d !important; text-decoration: none !important; border-bottom: none !important; } /* ===== Ende ===== */ /* ===== 2026-08-23 | Vorschaubilder und Warnfarbe ===== */ html body.single-product .flex-control-thumbs { align-items: flex-start; } html body.single-product .flex-control-thumbs li { width: 84px !important; height: 84px !important; flex: 0 0 84px; } html body.single-product .flex-control-thumbs li img { width: 84px !important; height: 84px !important; object-fit: contain !important; padding: 4px; background: #fff; } html body .es-waffen-badge.es-waffen-rot { background: #b3392f !important; color: #f4f1ea !important; } html body .es-waffen-hinweis.es-waffen-rot { border: 1px solid rgba(179,57,47,0.5) !important; border-left: 4px solid #b3392f !important; background: rgba(179,57,47,0.08) !important; } html body .es-waffen-hinweis.es-waffen-rot strong { color: #e8897c !important; } html body .es-waffen-hinweis.es-waffen-rot p { color: #e6e2d8 !important; } /* ===== Ende ===== */ /* ===== 2026-08-23 | CLP-Gefahrenhinweis ===== */ html body .es-clp { margin: 18px 0; padding: 16px 18px; border: 1px solid rgba(216,31,31,0.45); border-left: 4px solid #d81f1f; border-radius: 8px; background: rgba(216,31,31,0.07); } html body .es-clp-kopf { display: flex; align-items: center; gap: 14px; margin-bottom: 10px; } html body .es-clp-bild { width: 54px; height: 54px; flex: 0 0 54px; } html body .es-clp-signal { margin: 0 !important; color: #e8897c !important; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; font-size: .82rem; } html body .es-clp-bildtext { margin: 2px 0 0 !important; color: #b9b3a7 !important; font-size: .82rem; } html body .es-clp-liste { margin: 0 0 10px; padding-left: 20px; } html body .es-clp-liste li { color: #e6e2d8 !important; font-size: .92rem; line-height: 1.55; margin-bottom: 5px; } html body .es-clp-liste li::marker { color: #d81f1f; } html body .es-clp-quelle { margin: 0 !important; color: #9a958a !important; font-size: .78rem; } html body .es-staffelpreis { margin: 6px 0 12px !important; color: #c9a84c !important; font-size: .95rem; } html body .es-staffelpreis strong { color: #f4f1ea !important; } /* ===== Ende CLP ===== */ /* ===== 2026-08-23 | Staffeltabelle ===== */ html body .es-staffeltabelle { margin: 10px 0 16px; padding: 14px 16px; background: #17171a; border: 1px solid rgba(201,168,76,0.22); border-radius: 8px; } html body .es-staffeltitel { margin: 0 0 8px !important; color: #c9a84c !important; font-size: .76rem; letter-spacing: .09em; text-transform: uppercase; font-weight: 700; } html body .es-staffeltabelle table { width: 100%; border-collapse: collapse; margin: 0; } html body .es-staffeltabelle th { text-align: left; color: #9a958a !important; font-size: .74rem; letter-spacing: .05em; text-transform: uppercase; font-weight: 600; padding: 4px 0; border-bottom: 1px solid rgba(201,168,76,0.18); } html body .es-staffeltabelle td { padding: 6px 0; color: #e6e2d8 !important; font-size: .92rem; border-bottom: 1px solid rgba(201,168,76,0.08); } html body .es-staffeltabelle tr:last-child td { border-bottom: none; } html body .es-staffeltabelle td:last-child { text-align: right; color: #f4f1ea !important; font-weight: 600; } /* ===== Ende Staffeltabelle ===== */ /* ===== 2026-08-23 | Staffeltabelle dreispaltig ===== */ html body .es-staffeltabelle { padding: 16px 0 10px; background: transparent; border: none; } html body .es-staffeltabelle table { width: 100%; border-collapse: collapse; margin: 0; } html body .es-staffeltabelle thead th { color: #9a958a !important; font-size: .78rem; letter-spacing: .04em; font-weight: 600; text-transform: none; padding: 0 12px 10px; border-bottom: 1px solid rgba(201,168,76,0.25); } html body .es-staffeltabelle th.es-sp-ab { text-align: left; width: 15%; } html body .es-staffeltabelle th.es-sp-preis { text-align: right; } html body .es-staffeltabelle th.es-sp-grund { text-align: right; width: 30%; } html body .es-staffeltabelle tbody tr { background: transparent; } html body .es-staffeltabelle tbody tr:nth-child(odd) { background: rgba(201,168,76,0.06); } html body .es-staffeltabelle tbody td { padding: 11px 12px; border: none; color: #e6e2d8 !important; font-size: .95rem; } html body .es-staffeltabelle td.es-sp-ab { text-align: left; color: #b9b3a7 !important; } html body .es-staffeltabelle td.es-sp-preis { text-align: right; color: #f4f1ea !important; font-weight: 700; } html body .es-staffeltabelle td.es-sp-grund { text-align: right; color: #c9a84c !important; font-size: .88rem; } html body .es-staffeltabelle td.es-sp-grund span { color: #9a958a !important; } html body .es-staffeltabelle .woocommerce-Price-amount, html body .es-staffeltabelle .woocommerce-Price-amount bdi { color: inherit !important; } /* ===== Ende ===== */ /* ===== 2026-08-23 | Grundpreis neben dem Preis ===== */ html body .es-grundpreis { display: block; margin-top: 3px; color: #9a958a !important; font-size: .78rem; font-weight: 400; } html body .es-grundpreis .woocommerce-Price-amount, html body .es-grundpreis bdi { color: #9a958a !important; font-size: inherit; } /* ===== Ende ===== */ /* ===== 2026-08-23 | Datentabelle und Warnbox in Produkttexten ===== */ html body .es-datentabelle { width: 100%; border-collapse: collapse; margin: 0 0 18px; border: 1px solid rgba(201,168,76,0.18); border-radius: 8px; overflow: hidden; } html body .es-datentabelle th { text-align: left; padding: 9px 14px; color: #c9a84c !important; font-size: .76rem; letter-spacing: .05em; text-transform: uppercase; border-bottom: 1px solid rgba(201,168,76,0.22); background: rgba(201,168,76,0.06); } html body .es-datentabelle td { padding: 9px 14px; color: #e6e2d8 !important; font-size: .93rem; border-bottom: 1px solid rgba(201,168,76,0.1); } html body .es-datentabelle tr:last-child td { border-bottom: none; } html body .es-warnbox { margin: 16px 0; padding: 14px 16px; border: 1px solid rgba(216,31,31,0.4); border-left: 4px solid #d81f1f; border-radius: 8px; background: rgba(216,31,31,0.07); } html body .es-warnbox strong { display: block; margin-bottom: 6px; color: #e8897c !important; font-size: .8rem; letter-spacing: .05em; text-transform: uppercase; } html body .es-warnbox p { margin: 0 !important; color: #e6e2d8 !important; font-size: .93rem; } /* ===== Ende ===== */ /* ===== 2026-08-23 | Variantenauswahl ===== */ html body .es-varianten { margin: 4px 0 18px; } html body .es-varianten-titel { margin: 0 0 8px !important; color: #9a958a !important; font-size: .76rem; letter-spacing: .07em; text-transform: uppercase; font-weight: 600; } html body .es-varianten-liste { display: flex; gap: 10px; flex-wrap: wrap; } html body a.es-variante { display: block; width: 84px; padding: 6px 6px 8px; background: linear-gradient(180deg, #ffffff 0%, #f2efe8 100%); border: 1px solid rgba(201,168,76,0.25); border-radius: 8px; text-decoration: none !important; transition: border-color .15s ease, transform .15s ease; } html body a.es-variante:hover { border-color: rgba(201,168,76,0.7); transform: translateY(-2px); } html body a.es-variante.es-variante-aktiv { border-color: #c9a84c; box-shadow: 0 0 0 1px #c9a84c inset; } html body a.es-variante img { display: block; width: 100%; height: 60px; object-fit: contain; margin-bottom: 4px; background: transparent; border: none !important; padding: 0 !important; box-shadow: none !important; border-radius: 0 !important; } html body a.es-variante span, html body a.es-variante span .woocommerce-Price-amount, html body a.es-variante span bdi { display: block; text-align: center; color: #0e0e10 !important; font-size: .74rem; font-weight: 700; line-height: 1.25; } html body a.es-variante span del, html body a.es-variante span .es-grundpreis { display: none; } /* ===== Ende Variantenauswahl ===== */ /* ===== 2026-08-23 | Hinweis-Etikett am Produkt ===== */ html body .es-tipp { display: inline-block; margin: 0 0 8px; padding: 4px 10px; background: #c9a84c; color: #0e0e10 !important; border-radius: 4px; font-size: .68rem; font-weight: 700; letter-spacing: .07em; text-transform: uppercase; line-height: 1.4; } html body em.es-variante-tipp { display: block; margin: 2px 0 3px; color: #0e0e10 !important; background: #c9a84c; border-radius: 3px; font-style: normal; font-size: .58rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; text-align: center; padding: 2px 3px; line-height: 1.3; } /* ===== Ende ===== */ /* ===== 2026-08-23 | Variantenauswahl im Produkt ===== */ html body.single-product table.variations { width: 100%; margin: 0 0 18px !important; background: #141417; border: 1px solid rgba(201,168,76,0.22) !important; border-radius: 10px; border-collapse: separate; padding: 14px 16px; } html body.single-product table.variations tr, html body.single-product table.variations tbody { background: transparent !important; } html body.single-product table.variations th, html body.single-product table.variations td { background: transparent !important; border: none !important; padding: 0 !important; vertical-align: middle; } html body.single-product table.variations th.label { padding-right: 14px !important; white-space: nowrap; } html body.single-product table.variations label { color: #c9a84c !important; font-size: .76rem; letter-spacing: .07em; text-transform: uppercase; font-weight: 700; margin: 0 !important; } html body.single-product table.variations td.value { width: 100%; position: relative; } html body.single-product table.variations select { width: 100% !important; background-color: #0e0e10 !important; color: #f4f1ea !important; border: 1px solid rgba(201,168,76,0.35) !important; border-radius: 8px !important; padding: 11px 40px 11px 14px !important; font-size: .95rem; appearance: none; -webkit-appearance: none; background-image: linear-gradient(45deg, transparent 50%, #c9a84c 50%), linear-gradient(135deg, #c9a84c 50%, transparent 50%); background-position: calc(100% - 20px) center, calc(100% - 14px) center; background-size: 6px 6px, 6px 6px; background-repeat: no-repeat; color-scheme: dark; } html body.single-product table.variations select:focus { border-color: #c9a84c !important; outline: none; box-shadow: 0 0 0 2px rgba(201,168,76,0.25); } html body.single-product table.variations select option { background: #17171a; color: #f4f1ea; } html body.single-product a.reset_variations { display: inline-block; margin-top: 8px; color: #9a958a !important; font-size: .8rem; text-decoration: none !important; } html body.single-product a.reset_variations:hover { color: #c9a84c !important; } html body.single-product .woocommerce-variation-price { margin-bottom: 10px; } html body.single-product .woocommerce-variation-availability p { color: #b9b3a7 !important; } /* ===== Ende Variantenauswahl ===== */ /* ===== 2026-08-23 | Mengenfeld beschriftet ===== */ html body .es-mengenlabel { margin: 0 0 6px !important; color: #c9a84c !important; font-size: .76rem; letter-spacing: .07em; text-transform: uppercase; font-weight: 700; } html body.single-product form.cart .quantity input.qty { background: #0e0e10 !important; color: #f4f1ea !important; border: 1px solid rgba(201,168,76,0.35) !important; border-radius: 8px !important; color-scheme: dark; } /* ===== Ende ===== */ /* === Menuekarten: Feinschliff, Stand 25.08.2026 === Runde Ecken (die 10px weiter oben werden ueberschrieben und kommen nie an), ruhigerer Button statt goldener Vollflaeche, mehr Tiefe durch Schatten. */ .mega-highlight-card{ border-radius:16px !important; border:1px solid rgba(201,168,76,.22) !important; background: radial-gradient(120% 90% at 100% 0%, rgba(201,168,76,.15) 0%, rgba(201,168,76,0) 60%), linear-gradient(180deg,#1c1c1f 0%,#111113 100%) !important; box-shadow:0 18px 40px rgba(0,0,0,.45), inset 0 1px 0 rgba(255,255,255,.05) !important; padding:28px 24px !important; overflow:hidden !important; } /* Adler vollstaendig sichtbar: vorher ragte er ueber die Kante hinaus und wurde von overflow:hidden abgeschnitten. */ .mega-highlight-card::before{ width:150px !important; height:150px !important; right:18px !important; bottom:18px !important; background-position:right bottom !important; opacity:.10 !important; } .mega-highlight-card > a{ font-size:1.12em !important; line-height:1.3 !important; } .mega-highlight-card .kadence-menu-item-description{ opacity:.72 !important; line-height:1.55 !important; margin-top:6px !important; } /* Button: Kontur statt Vollflaeche, fuellt sich erst beim Ueberfahren. */ .mega-highlight-cta{ background:none !important; background-image:none !important; border-radius:999px !important; padding:0 !important; margin-top:20px !important; box-shadow:none !important; } .mega-highlight-cta > a{ display:inline-block !important; border:1px solid rgba(201,168,76,.55) !important; border-radius:999px !important; background:rgba(201,168,76,.10) !important; color:#c9a84c !important; padding:11px 24px !important; font-size:.86em !important; font-weight:600 !important; letter-spacing:.06em !important; text-transform:uppercase !important; transition:background .18s ease,color .18s ease,transform .18s ease !important; } .mega-highlight-cta > a:hover{ background:#c9a84c !important; color:#111113 !important; transform:translateY(-1px) !important; } /* ===== Mobil-Korrekturen, 08.09.2026 ===================================== 1) Die Umbruchregeln fuer .es-tiles-2 und .es-tiles-4 haben nie gegriffen. .es-tiles.es-tiles-4 (zwei Klassen) ist spezifischer als die Media-Query mit .es-tiles-4 (eine Klasse). Folge auf dem Handy: zwei bis vier Kacheln nebeneinander, Textspalten von rund 100 px, mitten im Wort umbrechende Kacheltitel und in .es-tile abgeschnittene Tabellen (overflow:hidden). Betraf unter anderem /akademie/, /waffenhandel/, /laserschiesskino/, /medic/, /training/ und die drei neuen Trainings-Unterseiten. 2) Ueberschriften ausserhalb von .es-sec liefen auf dem Handy mit 60 px, Hero-Titel mit 40 px. Lange deutsche Zusammensetzungen wie "Kooperationspartner" oder "Munitionsschraenke" brechen dann mitten im Wort um. Innerhalb von .es-sec galt schon eine Clamp-Regel, die bleibt. ======================================================================== */ @media (max-width:1024px){ .es-tiles.es-tiles-4{grid-template-columns:repeat(2,1fr);} } @media (max-width:700px){ .es-tiles.es-tiles-2, .es-tiles.es-tiles-4{grid-template-columns:1fr;} } @media (max-width:767px){ .fs-hero .fs-hero-title, .fs-hero h1, .fs-hero h2{font-size:clamp(25px,7.6vw,34px) !important;line-height:1.15 !important;} .entry-content h1:not(:is(.fs-hero *)){font-size:clamp(28px,8vw,36px) !important;line-height:1.16 !important;} .entry-content h2:not(:is(.es-sec *)){font-size:clamp(24px,6.8vw,32px) !important;line-height:1.18 !important;} .entry-content h3{font-size:clamp(19px,5.4vw,26px) !important;line-height:1.22 !important;} .entry-content h4{font-size:clamp(18px,4.8vw,22px) !important;line-height:1.25 !important;} /* Seitentitel des Themes: laeuft mit 80px auf dem Handy ueber den Rand, betrifft alle Seiten mit sichtbarem Titel, etwa AGB, Impressum, Zahlungsweisen */ .entry-hero .entry-title, .page-title .entry-title{font-size:clamp(26px,7.4vw,34px) !important;line-height:1.18 !important;max-width:100%;overflow-wrap:break-word;} } /* Silbentrennung als Sicherheitsnetz, greift wo der Browser Deutsch trennt */ .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4{-webkit-hyphens:auto;hyphens:auto;} /* ===== Farbkorrektur: Akzentfarben zurueckholen, 08.09.2026 ============== Auf der Website gilt global .entry-content, .entry-content p, .entry-content li, .entry-content span { color:#f4f1ea !important; } Diese Regel ist spezifischer als .fs-kicker, .fs-hero-kicker, .es-mono, .es-go und die Bausteine des Drei-Saeulen-Modells. Weil beide Seiten !important benutzen, entscheidet die Spezifitaet, und die blunte Regel gewinnt. Folge: Kicker, Kachel-Monogramme, Pfeil-Links und die Saeulenfarben rendern auf allen Unterseiten off-white statt gold. Nachgemessen am 08.09.2026 auf /training/ und /club/tactical-foundation/. Der folgende Block hebt die betroffenen Klassen wieder auf dieselbe Spezifitaet. Die blunte Grundregel bleibt unangetastet, damit Fliesstext auf dunklem Grund weiterhin lesbar ist. Zweitschrift: 01 Elite Shooting/website-theme-css/ ======================================================================== */ /* Goldene Akzente */ .entry-content .fs-kicker, .entry-content .fs-hero-kicker, .entry-content .es-go{color:#c9a84c !important;} /* Akzente, die der jeweiligen Kachelfarbe folgen (--acc) */ .entry-content .es-mono{color:var(--acc,#c9a84c) !important;} /* Abgesetzte Textfarben, damit die Hierarchie erhalten bleibt */ .entry-content .es-tile p{color:#9a958a !important;} .entry-content .es-lw-statement p{color:#cfcac0 !important;} .entry-content .es-chips li, .entry-content .es-checks li{color:#ebe6dc !important;} /* Die Regeln fuer das Drei-Saeulen-Modell standen frueher hier, mit dem alten Praefix es-kw-. Sie sind am 08.09.2026 in den zentralen Modellblock am Ende dieses Stylesheets gewandert, zusammen mit dem Modell-CSS selbst. Farbe und Regel stehen jetzt beieinander. */ /* Die grossen Aussagen: erste Zeile hell, zweite Zeile gold */ .entry-content .es-lw-statement b{color:#f4f1ea !important;} .entry-content .es-lw-statement b + b{color:#c9a84c !important;} /* ===== Farbkorrektur, Nachtrag 08.09.2026 ================================ Beim ersten Durchgang uebersehene Akzente. Gleiche Ursache wie oben: .entry-content span/li/b setzt Farbe mit !important, und die Regel ist spezifischer als die Bausteine des Drei-Saeulen-Modells. Betrifft /training/kurzwaffe/, /training/langwaffe/, /training/ipsc/ und /training/praezision/. ======================================================================== */ /* Fehlerbilder auf /training/praezision/. Die Auszeichnung braucht die Eskalation, weil .entry-content b die Farbe mit !important setzt. */ .entry-content .es-pz-fehler li{color:#cfcac0 !important;} .entry-content .es-pz-fehler li b{color:var(--acc,#c9a84c) !important;} /* ===== Drei-Saeulen-Modell, zentral ab 08.09.2026 ======================== Vorher stand dieser Block wortgleich im