/*
 Theme Name:     GeneratePress Child
 Theme URI:      https://basic-tutorials.de
 Description:    Ein Child-Theme für GeneratePress
 Author:         Basic Tutorials
 Author URI:     https://basic-tutorials.de
 Template:       generatepress
 Version:        3.3.0
*/

/* ============================= VARIABLEN ============================= */
:root{
--header-h-desktop:72px;
--nav-h-desktop:52px;
--section-spacing:80px;
--container-gap:60px;
--card-gap:20px;
--accent-color:#1f75bf;
--accent-hover:#16568f;
--accent-color-rgb:31,117,191;
--dark-bg:#1a1a1a;
--light-text:#666;
--border-color:#e8e8e8;
--bg-light:#fafafa;
--bg-hover:#f5f5f5;
--transition-fast:.2s ease;
--transition-base:.3s ease;
--shadow-sm:0 2px 8px rgba(0,0,0,.08);
--shadow-md:0 4px 15px rgba(0,0,0,.1);
--shadow-lg:0 8px 25px rgba(0,0,0,.12);
--border-width:3px;
--border-radius:0;
--font-size-xs:11px;
--font-size-sm:13px;
--font-size-base:14px;
--font-size-md:16px;
--font-size-lg:18px;
--font-size-xl:20px
}

/* ============================= 0. GLOBAL & RESET ============================= */
/* Box-Berechnung korrigieren */
*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }
body { background: #ffffff; color: #333; margin: 0; position: relative; width: 100%; }

/* BREADCRUMBS BÄNDIGEN (Umbruch erlauben) */
.af-head .af-breadcrumbs { word-wrap: break-word; overflow-wrap: break-word; line-height: 1.4; display: block; width: 100%; }

/* SICHERHEITSNETZ gegen Ausreißer (Tabellen, Bilder), ohne Sticky zu killen */
.footer-content { overflow: hidden; }
.af-content { overflow: visible; }

/* Top Bar und ALLE Labels global ausblenden */
.top-bar, .site-header .top-bar, .header-widget label, .header-widget .wp-block-search__label { display: none !important; }

/* Bullet Points Abstand links reduzieren (Mobile) */
@media screen and (max-width:768px) {ol, ul {
    margin: 0 0 1.5em 1.2em;
}}

.losgehts-entity-placement .losgehts-target > .losgehts-adlabel {
    display: none !important;
}
/* ============================= 1. HEADER DESKTOP ============================= */
@media(min-width: 1281px){
/* Container: Dunkelgrau */ .site-header{background:#1d1d1d!important;border-bottom:none;height:64px!important;position:sticky;top:0;z-index:100000;box-shadow:0 4px 10px rgba(0,0,0,.25);display:flex!important;align-items:center!important}
/* Layout-Logik: Flexbox Start */ .inside-header{display:flex!important;align-items:center!important;justify-content:flex-start!important;height:100%!important;width:100%!important;max-width:100%!important;padding:0 20px!important;box-sizing:border-box!important}
/* 1. LOGO */ .site-branding{margin:0!important;padding:0!important;flex-shrink:0!important;line-height:0!important;display:block!important;width:auto!important} .site-header .site-logo img{height:34px!important;width:auto!important;filter:none!important;max-width:none!important}
/* 2. NAVIGATION */ .main-navigation{background:transparent!important;margin-left:40px!important;margin-right:auto!important;width:auto!important;flex-grow:0!important;flex-shrink:0!important} .main-navigation .main-nav>ul{display:flex!important;gap:0!important;margin:0!important;justify-content:flex-start!important}
/* Menü-Items */ .main-navigation .main-nav>ul>li>a{display:block!important;font-family:system-ui,-apple-system,sans-serif;font-weight:700!important;font-size:13px!important;text-transform:uppercase!important;color:#aaa!important;/* padding:0 14px!important; */line-height:64px!important;height:64px!important;transition:all .2s ease;border-right:1px solid #2a2a2a!important} .main-navigation .main-nav>ul>li:first-child>a{border-left:1px solid #2a2a2a!important}
/* Hover */ .main-navigation .main-nav>ul>li:hover>a,.main-navigation .main-nav>ul>li.current-menu-item>a,.main-navigation .main-nav>ul>li.sfHover>a{background:#000!important;color:#fff!important}
/* Dropdown */ .main-navigation ul ul{background:#222!important;border:1px solid #333!important;top:64px!important;left:0!important;width:auto!important;min-width:200px!important} .main-navigation ul ul li{border-bottom:1px solid #333!important;margin:0!important} .main-navigation ul ul li a{color:#ccc!important;font-size:12px!important;padding:10px 15px!important;border:none!important;height:auto!important;line-height:1.4!important} .main-navigation ul ul li:hover>a{background:var(--accent-color)!important;color:#fff!important}
/* 3. WIDGETS (Ganz Rechts) */ .header-widget{display:flex!important;align-items:center!important;gap:20px!important;height:100%!important;margin-left:0!important;flex-shrink:0!important}
/* Reset für Widget Container */ .header-widget .widget,.header-widget aside{margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important}
/* Social Icons */ .header-widget .gp-socials-widget{gap:12px!important;display:flex!important;margin:0!important} .header-widget .gp-socials-widget svg{fill:#888!important;width:16px!important;height:16px!important;display:block!important} .header-widget .gp-socials-widget a:hover svg{fill:#fff!important}
/* --- SUCHE FIX (PILLE, BLAU, ICON) --- */ .header-widget .widget_search form,.header-widget .wp-block-search{margin:0!important;display:flex!important;align-items:center!important}
/* Wrapper: Die Pille */ .header-widget .wp-block-search__inside-wrapper{position:relative!important;display:flex!important;align-items:center!important;width:220px!important;height:34px!important;background:#000!important;border:2px solid var(--accent-color)!important;border-radius:20px!important;overflow:hidden!important;box-sizing:border-box!important;padding:0!important;margin:0!important}
/* Input: Textfeld */ .header-widget .wp-block-search__input{background:transparent!important;border:none!important;color:#fff!important;padding:0 40px 0 15px!important;font-size:13px!important;width:100%!important;height:34px!important;line-height:normal!important;margin:0!important;box-shadow:none!important;border-radius:0!important} .header-widget .wp-block-search__input:focus{outline:none!important}
/* Button: Lupe statt Text */ .header-widget .wp-block-search__button{position:absolute!important;right:0!important;top:0!important;height:100%!important;width:40px!important;background:transparent!important;border:none!important;padding:0!important;margin:0!important;color:transparent!important;font-size:0!important;cursor:pointer!important;display:flex!important;align-items:center;justify-content:center!important;z-index:10!important}
/* Icon einfügen */ .header-widget .wp-block-search__button::before{content:''!important;display:block!important;width:16px!important;height:16px!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important} .header-widget .wp-block-search__button:hover::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E")!important}
/* Menu Active */ .main-navigation .main-nav ul li[class*="current-menu-"] > a {background-color: #1c1c1c !important;}	
}

/* --- POLYLANG (DROPDOWN FIX) --- */
#block-2{display:block!important;margin:0!important;padding:0!important}
#block-2 nav{height:100%;display:flex;align-items:center}
#block-2 .wp-block-polylang-language-switcher{list-style:none!important;margin:0!important;padding:0!important;position:relative;display:flex;align-items:center;height:64px}
#block-2 .wp-block-polylang-language-switcher>li{list-style:none!important;margin:0!important;padding:0!important}

/* aktueller punkt */
#block-2 .wp-block-polylang-language-switcher>li.current-lang{position:relative;z-index:2;display:flex;align-items:center;height:64px}
#block-2 .wp-block-polylang-language-switcher>li.current-lang>a{display:flex!important;align-items:center!important;font-family:system-ui,-apple-system,sans-serif;font-weight:700!important;font-size:0!important;text-transform:uppercase!important;text-decoration:none!important;color:#aaa!important;padding:0 14px!important;line-height:64px!important;height:64px!important;white-space:nowrap;border-left:1px solid #2a2a2a!important;transition:background .2s ease,color .2s ease}
#block-2 .wp-block-polylang-language-switcher>li.current-lang>a:hover{background:#000!important;color:#fff!important}

/* DE / EN labels */
#block-2 .lang-item-de>a::before{content:"DE";font-size:13px}
#block-2 .lang-item-en>a::before{content:"EN";font-size:13px}

/* pfeil */
#block-2 .wp-block-polylang-language-switcher>li.current-lang>a::after {
    content: "";
    display: inline-block;
    width: 6px;
    height: 6px;
    margin-left: 10px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    transform-origin: center;
}

/* dropdown item */
#block-2 .wp-block-polylang-language-switcher>li:not(.current-lang){position:absolute;top:64px;left:0;min-width:62px;background:#222!important;border:1px solid #333!important;z-index:99999;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity 80ms linear,transform 80ms linear}
#block-2 .wp-block-polylang-language-switcher>li:not(.current-lang)>a{display:block!important;font-family:system-ui,-apple-system,sans-serif;font-size:0!important;font-weight:400!important;text-decoration:none!important;color:#ccc!important;padding:10px 15px!important;line-height:1.4!important;height:auto!important;border:none!important;background:transparent!important;white-space:nowrap}
#block-2 .wp-block-polylang-language-switcher>li:not(.current-lang).lang-item-de>a::before,#block-4 .wp-block-polylang-language-switcher>li:not(.current-lang).lang-item-en>a::before{font-size:12px}
#block-2 .wp-block-polylang-language-switcher>li:not(.current-lang)>a:hover{background:#1c1c1c!important;color:#fff!important;border-left:3px solid var(--accent-color)!important;padding-left:12px!important}

/* show dropdown */
#block-2 .wp-block-polylang-language-switcher:hover>li:not(.current-lang),#block-4 .wp-block-polylang-language-switcher:focus-within>li:not(.current-lang){opacity:1;pointer-events:auto;transform:translateY(0)}

/* ============================= Dark Mode Toggle ============================= */
@media (min-width: 1281px){
  .main-navigation .bt-darkmode-menu-item {
    display: none !important;
  }

  #block-2 nav {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
  }

  #block-2 .bt-darkmode-desktop-wrap {
    display: flex !important;
    align-items: center !important;
    flex: 0 0 auto !important;
  }

  #block-2 .bt-darkmode-toggle--desktop {
    position: relative !important;
    right: auto !important;
    bottom: auto !important;
    top: auto !important;
    left: auto !important;
    width: 40px !important;
    height: 40px !important;
    margin: 0 !important;
  }
}

@media (max-width: 1280px){
  #block-2 .bt-darkmode-desktop-wrap {
    display: none !important;
  }
}

/* ============================= MOBILE HEADER + SLIDEOUT + POLYLANG ============================= */
@media (max-width:1280px){
:root{--bt-mobile-header-h:84px;--bt-mobile-panel-w:min(100vw,560px);}
#masthead.site-header{display:none!important;}
#mobile-header{display:flex!important;align-items:center!important;position:fixed;width: 100%;z-index:100000!important;height:var(--bt-mobile-header-h)!important;min-height:var(--bt-mobile-header-h)!important;padding:0 16px!important;background:#1d1d1d!important;border-bottom:1px solid #333!important;box-shadow:0 4px 12px rgba(0,0,0,.4)!important;box-sizing:border-box!important;}
	#mobile-header .inside-navigation{display:flex!important;flex-wrap:nowrap!important;align-items:center!important;justify-content:space-between!important;width:100%!important;padding:0!important;gap:12px!important;}
#mobile-header .site-branding,#mobile-header .site-logo,#mobile-header .mobile-header-logo{display:flex!important;align-items:center!important;margin:0!important;padding:0!important;flex:0 0 auto!important;}
#mobile-header .site-logo img,#mobile-header .mobile-header-logo img{height:60px!important;width:auto!important;max-width:none!important;display:block!important;}
#mobile-header .main-navigation,#mobile-header .main-nav,#mobile-header .top-bar{display:none!important;}
#mobile-header .menu-bar-items{display:flex!important;align-items:center!important;gap:10px!important;margin-left:auto!important;flex:0 0 auto!important;}
#mobile-header .menu-bar-items .bt-mobile-polylang{display:none!important;align-items:center!important;margin-right:4px!important;}
body.slide-opened #mobile-header .menu-bar-items .bt-mobile-polylang,body.offside-js--is-open #mobile-header .menu-bar-items .bt-mobile-polylang{display:inline-flex!important;}
#mobile-header .bt-mobile-polylang-list{display:flex!important;align-items:center!important;gap:8px!important;list-style:none!important;margin:0!important;padding:0!important;}
#mobile-header .menu-bar-items .bt-darkmode-mobile-wrap { display: none !important; align-items: center !important; margin-right: 8px !important; }
body.slide-opened #mobile-header .menu-bar-items .bt-darkmode-mobile-wrap, body.offside-js--is-open #mobile-header .menu-bar-items .bt-darkmode-mobile-wrap { display: inline-flex !important; }
#mobile-header .bt-darkmode-toggle--mobile { display: flex !important; align-items: center !important; justify-content: center !important; width: 34px !important; height: 34px !important; min-width: 34px !important; padding: 0 !important; margin: 0 !important; background: rgba(255,255,255,.03) !important; border: 1px solid #222 !important; color: #aaa !important; }
#mobile-header .bt-darkmode-toggle--mobile:hover { border-color: var(--accent-color) !important; color: #fff !important; }
#mobile-header .bt-darkmode-toggle--mobile svg { width: 16px !important; height: 16px !important; }
#mobile-header .bt-mobile-polylang-list li{list-style:none!important;margin:0!important;padding:0!important;}
#mobile-header .bt-mobile-polylang-list a{display:flex!important;align-items:center!important;justify-content:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0 10px!important;background:rgba(255,255,255,.03)!important;border:1px solid #222!important;color:#aaa!important;text-decoration:none!important;font-size:11px!important;font-weight:700!important;text-transform:uppercase!important;line-height:1!important;transition:all .2s ease!important;}
#mobile-header .bt-mobile-polylang-list a:hover,#mobile-header .bt-mobile-polylang-list .current-lang a,#mobile-header .bt-mobile-polylang-list .lang-item-current a,#mobile-header .bt-mobile-polylang-list .current-menu-item a{border-color:var(--accent-color)!important;color:#fff!important;}
#mobile-header .bt-mobile-polylang-list img,#mobile-header .bt-mobile-polylang-list .pll-flag{display:none!important;}
#mobile-header .menu-toggle{display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;padding:0!important;margin:0!important;background:transparent!important;border:2px solid #fff!important;flex:0 0 auto!important;}
#mobile-header .menu-toggle:hover{border-color:var(--accent-color)!important;}
#mobile-header .menu-toggle .gp-icon{display:flex!important;align-items:center!important;justify-content:center!important;width:22px!important;height:22px!important;}
#mobile-header .menu-toggle .gp-icon svg{width:22px!important;height:22px!important;fill:#fff!important;}
#mobile-header .menu-toggle:hover .gp-icon svg{fill:var(--accent-color)!important;}
#mobile-header .menu-toggle .screen-reader-text,#mobile-header .menu-toggle .mobile-menu{display:none!important;}
#mobile-header .menu-toggle .gp-icon svg:first-child{display:block!important;}
#mobile-header .menu-toggle .gp-icon svg:last-child{display:none!important;}
body.slide-opened #mobile-header .menu-toggle .gp-icon svg:first-child,body.offside-js--is-open #mobile-header .menu-toggle .gp-icon svg:first-child{display:none!important;}
body.slide-opened #mobile-header .menu-toggle .gp-icon svg:last-child,body.offside-js--is-open #mobile-header .menu-toggle .gp-icon svg:last-child{display:block!important;}
body.slide-opened,
body.offside-js--is-open{
    overflow:hidden !important;
}

body.slide-opened,
body.offside-js--is-open{
    overflow:hidden !important;
}

.slideout-overlay,
.gp-slideout-overlay{
    top:var(--bt-mobile-header-h) !important;
    height:calc(100dvh - var(--bt-mobile-header-h)) !important;
    background:rgba(0,0,0,.6) !important;
    z-index:99998 !important;
}

#generate-slideout-menu,
#generate-slideout-menu.offside,
#generate-slideout-menu.offside.offside--right{
    position:fixed !important;
    top:var(--bt-mobile-header-h) !important;
    right:0 !important;
    left:auto !important;
    bottom:0 !important;
    display:block !important;
    visibility:visible !important;
    width:100vw !important;
    max-width:100% !important;
    height:calc(100dvh - var(--bt-mobile-header-h)) !important;
    margin:0 !important;
    padding:0 !important;
    background:#0a0a0a !important;
    z-index:99999 !important;
    box-sizing:border-box !important;
    overflow-x:hidden !important;
    transition:transform .34s cubic-bezier(.22,.61,.36,1) !important;
    transform:translate3d(100%,0,0) !important;
}
	
/* ============================= SLIDEOUT CONTENT OFFSET FOR ADMIN BAR ============================= */
@media (min-width:783px) and (max-width:1280px){
    body.admin-bar #generate-slideout-menu .inside-navigation{
        padding-top:56px !important; /* 24 + 32 */
    }
}

@media (max-width:782px){
    body.admin-bar #generate-slideout-menu .inside-navigation{
        padding-top:70px !important; /* 24 + 46 */
    }
}

@media (max-width:480px){
    body.admin-bar #generate-slideout-menu .inside-navigation{
        padding-top:66px !important; /* 20 + 46 */
    }
}	

@media (max-width:1280px){
    #generate-slideout-menu{
        -ms-overflow-style: none;
        scrollbar-width: none;
    }

    #generate-slideout-menu::-webkit-scrollbar{
        width: 0;
        height: 0;
        display: none;
    }
}	
	

	
	
#generate-slideout-menu.offside.offside--right.is-open,
body.slide-opened #generate-slideout-menu,
body.offside-js--is-open #generate-slideout-menu{
    transform:translate3d(0,0,0) !important;
}
#generate-slideout-menu.offside.offside--right.is-open{transform:translate3d(0,0,0)!important;}
#generate-slideout-menu .inside-navigation{display:flex!important;flex-direction:column!important;padding:24px 18px 34px!important;}
#generate-slideout-menu .slideout-exit{display:none!important;}
#generate-slideout-menu .bt-mobile-polylang,#generate-slideout-menu #block-4{display:none!important;}
#generate-slideout-menu .main-nav,#generate-slideout-menu .main-navigation .main-nav{width:100%!important;}
#generate-slideout-menu .slideout-menu,#generate-slideout-menu .main-nav ul{list-style:none!important;margin:0!important;padding:0!important;background:transparent!important;}
#generate-slideout-menu .slideout-menu>li,#generate-slideout-menu .main-nav>ul>li{position:relative!important;border-bottom:1px solid #1a1a1a!important;margin:0!important;width:100%!important;}
#generate-slideout-menu .slideout-menu li a,#generate-slideout-menu .main-nav ul li a{display:block!important;padding:18px 58px 18px 0!important;font-family:system-ui,-apple-system,sans-serif!important;font-size:17px!important;font-weight:700!important;line-height:1.45!important;letter-spacing:1px!important;text-transform:uppercase!important;color:#fff!important;text-decoration:none!important;background:transparent!important;border:none!important;}
#generate-slideout-menu .slideout-menu li a:hover,#generate-slideout-menu .slideout-menu li.current-menu-item>a{color:#fff!important;}
#generate-slideout-menu .dropdown-menu-toggle{position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:42px!important;height:42px!important;margin:0!important;padding:0!important;background:#151515!important;border:1px solid #2f2f2f!important;color:#666!important;cursor:pointer!important;z-index:3!important;transition:background .2s ease,border-color .2s ease,color .2s ease!important;}
#generate-slideout-menu .dropdown-menu-toggle:hover{background:var(--accent-color)!important;border-color:var(--accent-color)!important;color:#fff!important;}
#generate-slideout-menu .dropdown-menu-toggle .gp-icon{display:none!important;}
#generate-slideout-menu .dropdown-menu-toggle::before{content:"";position:absolute;width:14px;height:2px;background:currentColor;top:50%;left:50%;transform:translate(-50%,-50%);}
#generate-slideout-menu .dropdown-menu-toggle::after{content:"";position:absolute;width:2px;height:14px;background:currentColor;top:50%;left:50%;transform:translate(-50%,-50%) scaleY(1);transition:transform .2s ease!important;}
#generate-slideout-menu .dropdown-menu-toggle[aria-expanded="false"]::after { transform: translate(-50%, -50%) scaleY(0) !important; }
	#generate-slideout-menu .main-nav ul ul{padding:0 0 0 18px!important;margin:0!important;border-top:1px solid #1a1a1a!important;}
#generate-slideout-menu .main-nav ul ul li{border-bottom:1px solid #141414!important;}
#generate-slideout-menu .main-nav ul ul li:last-child{border-bottom:none!important;}
#generate-slideout-menu .main-nav ul ul li a{padding:14px 58px 14px 0!important;font-size:14px!important;font-weight:600!important;text-transform:none!important;color:#9a9a9a!important;letter-spacing:.4px!important;line-height:1.45!important;}
#generate-slideout-menu .main-nav ul ul li a:hover,#generate-slideout-menu .main-nav ul ul li.current-menu-item>a{color:var(--accent-color)!important;}
#generate-slideout-menu .widget,#generate-slideout-menu aside{margin:0!important;padding:0!important;border:none!important;background:transparent!important;box-shadow:none!important;}
#generate-slideout-menu .widget-title,#generate-slideout-menu .footer-links-grid h4,#generate-slideout-menu .bt-oc-col h4{margin:0 0 12px!important;font-size:10px!important;font-weight:700!important;text-transform:uppercase!important;letter-spacing:2px!important;color:var(--accent-color)!important;}
#generate-slideout-menu .wp-block-search,#generate-slideout-menu .widget_search,#generate-slideout-menu .bt-oc-search{margin:14px 0 28px!important;}
#generate-slideout-menu .wp-block-search form,#generate-slideout-menu .widget_search form,#generate-slideout-menu .bt-oc-search form{display:flex!important;align-items:center!important;}
#generate-slideout-menu .wp-block-search__inside-wrapper,#generate-slideout-menu .bt-search-inner{position:relative!important;display:flex!important;align-items:center!important;width:100%!important;height:48px!important;background:rgba(0,0,0,.35)!important;border:2px solid var(--accent-color)!important;border-radius:24px!important;overflow:hidden!important;box-sizing:border-box!important;}
#generate-slideout-menu .wp-block-search__input,#generate-slideout-menu input[type="search"]{width:100%!important;height:100%!important;padding:0 48px 0 16px!important;background:transparent!important;border:none!important;box-shadow:none!important;color:#fff!important;font-size:15px!important;}
#generate-slideout-menu .wp-block-search__input::placeholder,#generate-slideout-menu input[type="search"]::placeholder{color:#fff!important;opacity:.75!important;}
#generate-slideout-menu .wp-block-search__button,#generate-slideout-menu button[type="submit"]{position:absolute!important;right:0!important;top:0!important;width:48px!important;height:100%!important;background:transparent!important;border:none!important;color:#fff!important;font-size:0!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;margin:0!important;}
#generate-slideout-menu .footer-links-grid,#generate-slideout-menu .bt-oc-links-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:28px 22px!important;margin:8px 0 36px!important;padding:0!important;}
#generate-slideout-menu .footer-links-grid a,#generate-slideout-menu .bt-oc-col a,#generate-slideout-menu .widget a{display:block!important;font-size:15px!important;font-weight:500!important;color:#fff!important;text-decoration:none!important;padding:7px 0!important;text-transform:none!important;letter-spacing:0!important;}
#generate-slideout-menu .footer-links-grid a:hover,#generate-slideout-menu .bt-oc-col a:hover,#generate-slideout-menu .widget a:hover{color:var(--accent-color)!important;}
#generate-slideout-menu .bt-oc-socials{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin:0 0 22px!important;}
#generate-slideout-menu .bt-oc-socials a{width:42px!important;height:42px!important;background:rgba(255,255,255,.03)!important;border:1px solid #222!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0!important;text-decoration:none!important;}
#generate-slideout-menu .bt-oc-socials a:hover{border-color:var(--accent-color)!important;background:var(--accent-color)!important;color:#fff!important;}
#generate-slideout-menu .bt-oc-socials svg{width:18px!important;height:18px!important;fill:currentColor!important;}
#generate-slideout-menu .bt-oc-copyright{font-size:12px!important;color:#fff!important;}
}

@media (max-width:480px){
#mobile-header{padding:0 12px!important;}
#mobile-header .site-logo img,#mobile-header .mobile-header-logo img{height:60px!important;}
#mobile-header .bt-mobile-polylang-list{gap:6px!important;}
#mobile-header .bt-mobile-polylang-list a{width:32px!important;height:32px!important;min-width:32px!important;font-size:10px!important;}
#generate-slideout-menu .inside-navigation{padding:20px 14px 28px!important;}
#generate-slideout-menu .slideout-menu li a,#generate-slideout-menu .main-nav ul li a{font-size:16px!important;padding:16px 54px 16px 0!important;}
#generate-slideout-menu .main-nav ul ul li a{font-size:13px!important;padding:13px 54px 13px 0!important;}
#generate-slideout-menu .dropdown-menu-toggle{width:40px!important;height:40px!important;}
#generate-slideout-menu .footer-links-grid,#generate-slideout-menu .bt-oc-links-grid{gap:24px 18px!important;}
}

@media (min-width:1281px){
#mobile-header{display:none!important;}
.main-navigation .menu-bar-items .bt-mobile-polylang,#site-navigation .menu-bar-items .bt-mobile-polylang{display:none!important;}
}

@media (max-width: 768px) {
    .separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content, .inside-page-header {
        padding: 30px 20px;
    }
}

/* ============================= HERO SECTION ============================= */
.hero-section{margin-top:0;padding-top:0}
.hero-section .wp-block-column{flex-basis:auto}
.hero-featured,.hero-small{position:relative;overflow:hidden;border:var(--border-width) solid transparent;transition:border-color var(--transition-base),box-shadow var(--transition-base),transform var(--transition-base)}
.hero-featured{min-height:480px}
.hero-small{min-height:230px}
.hero-featured:hover,.hero-small:hover{border-color:var(--accent-color);box-shadow:0 0 0 1px rgba(var(--accent-color-rgb),.14),0 10px 28px rgba(var(--accent-color-rgb),.18)}
.hero-featured .wp-block-cover__inner-container,.hero-small .wp-block-cover__inner-container{position:static}
.hero-title,.hero-title-small,.hero-date{position:relative;z-index:2}
.hero-cat,.hero-cat-small{position:absolute;top:0;left:0;z-index:100;background:var(--accent-color);color:#fff;padding:8px 18px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.hero-cat-small{padding:6px 14px}
.hero-cat a,.hero-cat-small a{color:#fff;text-decoration:none;position:relative;z-index:10}
.hero-featured .wp-block-post-title a,.hero-small .wp-block-post-title a{position:static}
.hero-featured .wp-block-post-title a::after,.hero-small .wp-block-post-title a::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}
.wp-block-post-terms__separator{display:none}
.hero-title a,.hero-title-small a{color:#fff;text-decoration:none;text-shadow:0 2px 12px rgba(0,0,0,.55);transition:text-shadow var(--transition-fast)}
.hero-title a:hover,.hero-title-small a:hover{color:#fff;text-shadow:0 0 18px rgba(255,255,255,.10),0 2px 14px rgba(0,0,0,.62)}
.hero-date{color:rgba(255,255,255,.92);font-weight:500;text-shadow:0 1px 8px rgba(0,0,0,.45)}
.hero-featured .wp-block-cover__background,.hero-small .wp-block-cover__background{opacity:.14 !important}
.hero-featured::before,.hero-small::before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to top,rgba(0,0,0,.78) 0%,rgba(0,0,0,.46) 38%,rgba(0,0,0,.16) 100%);transition:background .25s ease}
.hero-featured:hover::before,.hero-small:hover::before{background:linear-gradient(to top,rgba(0,0,0,.84) 0%,rgba(0,0,0,.54) 38%,rgba(0,0,0,.20) 100%)}

/* ============================= SECTION HEADINGS ============================= */
.section-heading{font-size:26px;font-weight:700;margin-bottom:36px}

/* ============================= NEWS CARDS ============================= */
.news-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap)}
.news-card{position:relative;overflow:visible;border:var(--border-width) solid transparent;transition:border-color var(--transition-base);min-height:280px}
.news-card:hover{border-color:var(--accent-color)}
.news-card .wp-block-cover__inner-container{position:static}
.news-card .wp-block-post-title a{position:static}
.news-card .wp-block-post-title a::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}
.news-card-cat{position:absolute;top:0;left:0;z-index:100;background:var(--accent-color);color:#fff;padding:6px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.news-card-cat a{color:#fff;text-decoration:none;position:relative;z-index:10}
.news-card-title a{color:#fff;text-decoration:none;transition:color var(--transition-fast);text-shadow:0 1px 3px rgba(0,0,0,.3)}
.news-card-title a:hover{color:var(--accent-color)}
.news-list-simple .wp-block-group{display:grid;grid-template-columns:170px minmax(0,1fr);column-gap:22px;align-items:start;gap:0;transition:padding var(--transition-fast)}
.news-list-simple .wp-block-group:hover{padding-left:20px}
.news-list-simple .wp-block-group:first-child{border-top:none}
.news-list-simple .wp-block-group > *{min-width:0}
.simple-date{margin:0;color:var(--light-text);white-space:nowrap;min-width:0;align-self:start}
.simple-title{min-width:0}
.simple-title a{display:block;color:var(--dark-bg);text-decoration:none;transition:color var(--transition-fast);word-break:normal;overflow-wrap:break-word}
.simple-title a:hover{color:var(--accent-color)}
@media(max-width:768px){.news-list-simple .wp-block-group{grid-template-columns:1fr;row-gap:6px}.simple-date{white-space:normal}}
.news-more .wp-block-button__link,.wp-block-button__link{background:var(--accent-color);color:#fff;border:none;border-radius:var(--border-radius);transition:all var(--transition-base);display:inline-block;padding:12px 28px;font-weight:600;text-decoration:none}
.news-more .wp-block-button__link:hover,.wp-block-button__link:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}
@media (max-width:768px){
.news-list-simple{margin-top:20px}
.bt-home-newslist-query{margin-top:0!important}
.news-list-simple .wp-block-group{display:block;margin:0 0 18px!important;padding:14px 0 18px!important;border-bottom:1px solid var(--border-color)!important;transition:none}
.news-list-simple .wp-block-group:first-child{padding-top:0!important;border-top:0!important}
.news-list-simple .wp-block-group:first-child{padding-top:0!important}
.simple-date{display:block;margin:0 0 12px;font-size:13px;line-height:1.3;color:#777;font-weight:700}
.simple-title{display:block}
.simple-title a{display:block;font-size:17px;line-height:1.4;font-weight:700}
}

/* ============================= TESTS ============================= */
.brand-filter-bar{margin-bottom:40px}
.filter-buttons{display:flex;flex-wrap:wrap;gap:12px}
.filter-btn{font-size:var(--font-size-sm);font-weight:600;text-transform:uppercase;letter-spacing:.5px;padding:10px 20px;background:#fff;color:var(--light-text);border:2px solid var(--border-color);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--border-radius)}
.filter-btn:hover{border-color:var(--accent-color);color:var(--accent-color)}
.filter-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}
.tests-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--card-gap);animation:fadeIn .3s ease}
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.test-card{position:relative;overflow:visible;border:var(--border-width) solid transparent;transition:border-color var(--transition-base)}
.test-card:hover{border-color:var(--accent-color)}
.test-card__media{margin:0 0 12px 0;aspect-ratio:16/9;overflow:hidden;border-radius:var(--border-radius)}
.test-card__img{width:100%;height:100%;object-fit:cover;display:block}
.test-card__placeholder{display:block;width:100%;height:100%;background:#eee}
.test-card__link::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}
.test-card .test-cat{position:absolute;top:0;left:0;z-index:10;background:var(--accent-color);color:#fff;padding:6px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.test-title{margin:0;font-size:17px;font-weight:600;line-height:1.3}
.test-card__link{text-decoration:none;display:block;color:inherit}
.test-title span{color:var(--dark-bg);transition:color var(--transition-fast)}
.test-card:hover .test-title span{color:var(--accent-color)}
.tests-empty{text-align:center;color:var(--light-text);padding:40px}
.tests-error{text-align:center;color:#d22;padding:40px}

/* ============================= KAUFEMPFEHLUNGEN ============================= */
.kaufempfehlungen-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px;animation:fadeIn .3s ease}
.kaufempfehlung-card{display:flex;gap:0;align-items:stretch;position:relative;overflow:hidden;border:var(--border-width) solid transparent;transition:all var(--transition-base);background:#fff}
.kaufempfehlung-card:hover{border-color:var(--accent-color);box-shadow:var(--shadow-lg)}
.kaufempfehlung-card__media{flex-shrink:0;width:200px;aspect-ratio:4/3;overflow:hidden;border-radius:var(--border-radius);margin:0;position:relative}
.kaufempfehlung-card__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform var(--transition-base)}
.kaufempfehlung-card:hover .kaufempfehlung-card__img{transform:scale(1.08)}
.kaufempfehlung-card__placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e5e7eb 0%,#d1d5db 100%)}
.kaufempfehlung-card__content{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:20px}
.kaufempfehlung-card__link::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:5}
.kaufempfehlung-badge{position:absolute;top:0;left:0;z-index:10;background:var(--accent-color);color:#fff;padding:8px 14px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:1px;border-radius:var(--border-radius)}
.kaufempfehlung-title{margin:0 0 8px 0;font-size:var(--font-size-lg);font-weight:700;line-height:1.3}
.kaufempfehlung-card__link{text-decoration:none;color:inherit;display:flex;width:100%;height:100%}
.kaufempfehlung-title span{color:var(--dark-bg);transition:color var(--transition-fast)}
.kaufempfehlung-card:hover .kaufempfehlung-title span{color:var(--accent-color)}
.kaufempfehlung-excerpt{color:var(--light-text);font-size:var(--font-size-base);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.kaufempfehlung-date{color:#999;font-size:12px;font-weight:600;margin-top:12px}
.kaufempfehlungen-empty{text-align:center;color:var(--light-text);padding:40px}
.kaufempfehlungen-error{text-align:center;color:#d22;padding:40px}
.kaufempfehlungen-more .wp-block-button__link{background:var(--accent-color);color:#fff;border:none;transition:all var(--transition-base)}
.kaufempfehlungen-more .wp-block-button__link:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:var(--shadow-md)}

/* ============================= FOOTER ============================= */
.bt-footer-clean{background:#0f0f0f;color:#a0a0a0;padding:60px 0 0 0;margin-top:var(--section-spacing);border-top:1px solid #1f1f1f}
.footer-content{display:grid;grid-template-columns:1.5fr 2fr;gap:80px;padding-bottom:50px;border-bottom:1px solid #1f1f1f}

@media screen and (min-width: 768px) {.footer-content{padding-left: 40px; padding-right: 40px;}}

.footer-brand{max-width:400px}
.footer-logo-img{max-width:200px;height:auto;margin-bottom:20px;display:block;opacity:.95;transition:opacity var(--transition-base)}
.footer-logo-img:hover{opacity:1}
.footer-desc{font-size:var(--font-size-base);line-height:1.7;color:#888;margin:0}
.footer-links-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px}
.footer-links-col{display:flex;flex-direction:column;gap:12px}
.footer-links-col h4{font-size:var(--font-size-sm);font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px 0}
.footer-links-col a{font-size:var(--font-size-base);color:#888;text-decoration:none;transition:color var(--transition-fast),padding-left var(--transition-fast);position:relative}
.footer-links-col a:hover{color:var(--accent-color);padding-left:8px}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding:30px 0}
.footer-copy{font-size:var(--font-size-base);color:#666}
.footer-socials-clean{display:flex;gap:16px}
.footer-socials-clean a{display:flex;align-items:center;justify-content:center;width:36px;height:36px;color:#666;background:#1a1a1a;border-radius:6px;transition:all var(--transition-fast);text-decoration:none}
.footer-socials-clean a:hover{color:#fff;background:var(--accent-color);transform:translateY(-2px)}
.footer-socials-clean svg{width:18px;height:18px}

/* ============================= PAGE HERO Mit H1 ============================= */
.bt-page-hero{background:linear-gradient(135deg,#1d1d1d 0%,#0d0d0d 60%,#1a1a1a 100%);position:relative;overflow:hidden}
.bt-page-hero::before{content:'';position:absolute;top:-10%;right:-10%;width:75%;height:120%;background:radial-gradient(ellipse at right,rgba(6,105,255,.18) 0%,rgba(6,105,255,.10) 35%,transparent 70%);pointer-events:none}
.bt-page-hero-inner{max-width:1200px;margin:0 auto;padding:60px 40px;position:relative;z-index:2}
.bt-page-hero-title{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0;line-height:1.1;letter-spacing:-0.02em}
@media(max-width:768px){.bt-page-hero-inner{padding:40px 24px}}

/* ============================================================
   SINGLE POST - AF-TECH MASTER UI (FINAL FIX)
   ============================================================ */

.af-content { 
    overflow: visible !important;
}

/* 1. LAYOUT CONTROLLERS */
@media (min-width: 1281px) {
    .single-post.af-tech .af-head {
        max-width: 1080px;
        margin: 0 auto;
        padding: 0 20px;
        box-sizing: border-box;
    }
    .single-post.af-tech .af-lead { margin: 22px 0 8px; }
}

/* 2. HEAD: BREADCRUMBS & KICKER */
.af-head .af-breadcrumbs { margin: 6px 0 10px; color: var(--light-text); font-size: 13px; }
.af-head .af-breadcrumbs a { text-decoration: none !important; border: none !important; color: inherit; transition: color 0.2s; }
.af-head .af-breadcrumbs a:hover { color: var(--accent-color); }

.af-kicker { margin-bottom: 12px; }
.af-kicker a { 
    display: inline-block; background: var(--accent-color); color: #fff !important; 
    padding: 6px 12px; font-size: 11px; font-weight: 800; letter-spacing: .8px; 
    text-transform: uppercase; text-decoration: none !important; 
}

/* 3. TITEL & STANDFIRST */
.af-head .entry-title { margin: 10px 0 12px; line-height: 1.15; font-weight: 800; font-size: clamp(1.8rem, 4vw, 2.8rem); }
.af-standfirst { max-width: 800px; margin: 0 auto 20px; text-align: center; font-size: 18px; line-height: 1.6; color: var(--light-text); font-style: italic; opacity: 0.85; }

/* 3b. LEAD IMAGE / BEITRAGSBILD */
.single-post.af-tech .af-lead {
    margin: 24px auto 0;
    text-align: center;
}

.single-post.af-tech .af-lead__img {
    display: block;
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.single-post.af-tech .af-lead__cap {
    max-width: 900px;
    margin: 12px auto 0;
    font-size: 13px;
    line-height: 1.5;
    color: var(--light-text);
    text-align: center;
}

/* 4. INFOBAR & AUTHOR */
.af-infobar {
    margin: 20px 0;
    padding: 16px 0;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.af-author { display: flex; align-items: center; gap: 14px; min-width: 0; }

/* Autor-Links säubern (Kein Unterstrich!) */
.af-author-link, .af-author-name a, .af-author-box-name a { 
    text-decoration: none !important; border: none !important; color: inherit !important; 
}
.af-author-link:hover, .af-author-name a:hover { color: var(--accent-color) !important; }

.af-avatar, .af-author .avatar { 
    width: 44px; height: 44px; border-radius: 50%; object-fit: cover; flex-shrink: 0; 
}

.af-author-name { font-weight: 800; color: var(--global-color-2, #222); font-size: 15px; display: block; margin-bottom: 2px; }

/* 5. SMART DATE & META (Abstands-Fix für den Punkt) */
.af-author-sub {
    display: flex; flex-wrap: wrap; align-items: center;
    color: var(--light-text); font-size: 13px; line-height: 1.2;
}

.date-separator {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; /* Erzeugt den nötigen Raum um Punkt/Strich */
    opacity: 0.4; font-weight: 400;
}

.updated-info { font-weight: 700; color: var(--accent-color); }
.updated-info time { font-weight: 400; margin-left: 4px; }

/* 6. TEILEN BUTTON (Nur Mobile) */
.af-share-native {
    display: none; /* Desktop versteckt */
    align-items: center; gap: 10px; background: var(--accent-color);
    color: #fff !important; border: 0; border-radius: 4px; padding: 10px 18px;
    font-weight: 700; font-size: 13px; cursor: pointer; transition: all 0.2s;
}

.af-share-native svg { 
    width: 16px; height: 16px; fill: #ffffff !important; /* Weißes Icon fix */
}

/* 7. RESPONSIVE ADJUSTMENTS (900px) */
@media (max-width: 900px) {
    .af-infobar { display: grid !important; grid-template-columns: 1fr !important; gap: 16px; padding: 16px 0; }
    .af-author { display: grid !important; grid-template-columns: 48px 1fr !important; gap: 14px; }
    .af-avatar, .af-author .avatar { width: 48px; height: 48px; }
    .af-share-native { display: flex !important; width: 100% !important; justify-content: center; padding: 14px !important; }
    .af-head .entry-title { text-align: left !important; }
    .af-standfirst { text-align: left !important; }
}

@media (min-width: 901px) {
    .af-share-native { display: none !important; }
}

/* 8. CONTENT AREAS & SHARERAIL STICKY FIX */
.af-content-wrapper { 
    display: grid; 
    grid-template-columns: minmax(1em, 1fr) minmax(0, 720px) minmax(1em, 1fr); 
    grid-template-areas: "left main right"; 
    column-gap: 30px;
    align-items: flex-start !important; /* ESSENZIELL für Sticky Rail */
}

.af-content { grid-area: main; }

.af-share-rail { display: none; }

@media (min-width: 1281px) {
    .af-share-rail {
        display: flex; flex-direction: column; gap: 12px; grid-area: left;
        margin-top: 30px; position: sticky !important; top: 100px;
        justify-self: end; width: 48px; z-index: 10;
    }
    .af-content > .alignwide { width: 1200px !important; max-width: 1200px !important; margin-left: 50% !important; transform: translateX(-50%) !important; }
}

/* Ganz kleine Screens (Micro-Fix) */
@media (max-width: 400px) {
    .date-separator { display: none; }
    .updated-info, .reading-time { display: block; width: 100%; margin-top: 2px; }
}
/* ============================= SHARE RAIL ============================= */
.af-share-rail{display:none}
@media(min-width:1281px){
.af-share-rail{display:flex;flex-direction:column;gap:12px;grid-area:left;margin-top:30px;position:sticky;top:110px;justify-self:end;width:48px;z-index:10}
}
.af-share-btn{width:48px;height:48px;border:2px solid var(--border-color);background:#fff;color:#353535;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border-radius:0;transition:all var(--transition-base);cursor:pointer;flex-shrink:0;position:relative}
.af-share-btn:hover{border-color:var(--accent-color);background:var(--bg-light)}
.af-share-btn.s-copy.copied{border-color:var(--accent-color);background:#fff}
.af-share-btn.s-copy.copied svg path{stroke:var(--accent-color)}
.af-share-btn svg{width:22px;height:22px;display:block;flex-shrink:0}
.af-share-btn.s-copy svg{width:20px;height:20px}
.af-share-btn svg path,.af-share-btn svg rect,.af-share-btn svg g{transition:fill var(--transition-fast),stroke var(--transition-fast)}
.af-share-btn svg *{vector-effect:non-scaling-stroke}
.af-share-btn.s-fb:hover svg path,.af-share-btn.s-wa:hover svg path,.af-share-btn.s-ln:hover svg path,.af-share-btn.s-tg:hover svg path,.af-share-btn.s-rd:hover svg path{fill:var(--accent-color)}
.af-share-btn.s-mail:hover svg path,.af-share-btn.s-mail:hover svg rect,.af-share-btn.s-copy:hover svg path{stroke:var(--accent-color)}
.af-share-btn.s-copy svg{stroke:#353535}
.copy-tooltip{position:absolute;left:100%;top:50%;transform:translateY(-50%) translateX(10px);background:var(--accent-color);color:#fff;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);transform-origin:left center;box-shadow:0 4px 12px rgba(0,0,0,.15);z-index:1000}
.copy-tooltip::before{content:'';position:absolute;right:100%;top:50%;transform:translateY(-50%);border:6px solid transparent;border-right-color:var(--accent-color)}
.copy-tooltip.show{opacity:1;visibility:visible;transform:translateY(-50%) translateX(15px)}
@media(max-width:1280px){
.copy-tooltip{left:50%;top:auto;bottom:100%;transform:translateX(-50%) translateY(-5px)}
.copy-tooltip::before{right:auto;left:50%;top:100%;transform:translateX(-50%);border-right-color:transparent;border-top-color:var(--accent-color)}
.copy-tooltip.show{transform:translateX(-50%) translateY(-10px)}
}

/* ============================= POST FOOTER ============================= */
footer.entry-meta { margin-top: 50px; padding-bottom: 30px; border-bottom: 1px solid #eee; display: flex; flex-direction: column; gap: 10px; width: 100%; clear: both; }
footer.entry-meta .gp-icon, footer.entry-meta .sep { display: none !important; }
.cat-links, .tags-links { display: block !important; padding: 20px 0 !important; border-bottom: 1px solid var(--border-color) !important; width: 100% !important; min-width: 100% !important; float: none !important; font-size: 0; }
.cat-links::before, .tags-links::before { display: block !important; width: 100% !important; max-width: none !important; margin-bottom: 12px !important; font-size: 11px !important; font-weight: 800 !important; color: #888 !important; text-transform: uppercase !important; letter-spacing: 1.2px !important; line-height: 1 !important; }

html[lang^="de"] .cat-links::before {
    content: "Kategorie";
}

html[lang^="en"] .cat-links::before {
    content: "Category" !important;
}

.tags-links::before { content: "Tags" !important; }
.cat-links a, .tags-links a { display: inline-block !important; background: #f5f5f5 !important; color: #555 !important; padding: 8px 14px !important; font-size: 11px !important; line-height: 1 !important; font-weight: 700 !important; text-transform: uppercase !important; text-decoration: none !important; border: 1px solid #e5e7eb !important; margin-right: 8px !important; margin-bottom: 10px !important; transition: all 0.2s ease !important; }
.cat-links a:hover, .tags-links a:hover { background: var(--accent-color) !important; color: #fff !important; border-color: var(--accent-color) !important; }
.bt-post-nav-wrapper { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin-top: 50px; width: 100%; }
.bt-nav-link { display: flex; align-items: center; background: #fff; border: 1px solid #e5e7eb; text-decoration: none !important; transition: all 0.3s cubic-bezier(.25,.8,.25,1); height: 100%; min-height: 110px; box-sizing: border-box; position: relative; overflow: hidden; }
.bt-nav-link:hover { border-color: var(--accent-color); transform: translateY(-4px); box-shadow: 0 12px 24px rgba(0,0,0,.08); z-index: 1; }
.bt-nav-img { width: 120px; height: 110px; flex-shrink: 0; overflow: hidden; background: #f0f0f0; position: relative; border-right: 1px solid #eee; }
.bt-nav-img img,
.bt-nav-img picture,
.bt-nav-img picture img { 
    width: 100% !important; 
    height: 100% !important; 
    object-fit: cover !important; 
    display: block !important; 
}.bt-nav-text { flex-grow: 1; padding: 15px 24px; display: flex; flex-direction: column; justify-content: center; min-width: 0; }
.bt-nav-link.next { flex-direction: row-reverse; text-align: right; }
.bt-nav-link.next .bt-nav-img { border-right: none; border-left: 1px solid #eee; }
.bt-nav-label { display: block; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: 1.5px; color: #aaa; margin-bottom: 8px; }
.bt-nav-title { display: block; font-size: 14px; font-weight: 700; line-height: 1.4; color: #222; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.bt-nav-link:hover .bt-nav-title { color: var(--accent-color); }
@media (max-width: 768px) { .bt-post-nav-wrapper { grid-template-columns: 1fr; gap: 16px; } .bt-nav-link, .bt-nav-link.next { flex-direction: row; text-align: left; min-height: 100px; } .bt-nav-img { width: 100px; height: 100px; border-left: none !important; border-right: 1px solid #eee !important; } }

/* ============================= COMMENTS ============================= */
.comments-area{margin-top:80px;padding-top:50px;border-top:1px solid #eee;max-width:100%}
@media (min-width:1281px){.comments-area{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}}
.comments-title,.comment-reply-title{font-size:24px;font-weight:800;color:#111;margin-bottom:20px;display:block;letter-spacing:-.5px}
.logged-in-as,.comment-notes{font-size:14px;color:#666;margin-bottom:25px;line-height:1.6}
.logged-in-as a{color:var(--accent-color);font-weight:600;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s}
.logged-in-as a:hover{border-bottom-color:var(--accent-color)}
.comment-form-comment textarea,.comment-form input[type="text"],.comment-form input[type="email"],.comment-form input[type="url"]{width:100%;padding:18px;background:#f9f9f9;border:2px solid #eee;border-radius:0;font-size:15px;font-family:inherit;color:#333;transition:all .3s ease;box-sizing:border-box}
.comment-form-comment textarea:focus,.comment-form input:focus{background:#fff;border-color:var(--accent-color);outline:none;box-shadow:0 5px 15px rgba(var(--accent-color-rgb),.08)}
.comment-form textarea::placeholder{color:#aaa}
.comment-form-cookies-consent,.comment-form-subscription{display:flex;align-items:center;gap:10px;margin-top:15px;font-size:14px;color:#555}
.comment-form input[type="checkbox"]{width:18px;height:18px;border:2px solid #ccc;border-radius:0;accent-color:var(--accent-color);cursor:pointer}
.form-submit{margin-top:30px}
.form-submit .submit{background:var(--accent-color);color:#fff;border:none;border-radius:0;padding:14px 32px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;display:inline-block}
.form-submit .submit:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}
.comment-list{margin:0 0 60px 0;padding:0;list-style:none}
.comment-body{background:#fff;border:1px solid #eee;padding:30px;margin-bottom:20px;position:relative}
.comment-meta{display:flex;align-items:center;margin-bottom:15px;font-size:13px}
.comment-author cite{font-style:normal;font-weight:800;font-size:16px;color:#222;margin-right:10px}
.comment-metadata a{color:#999;text-decoration:none}
.comment-content p{margin-bottom:15px;line-height:1.6;color:#444}
.reply a{font-size:11px;font-weight:700;text-transform:uppercase;text-decoration:none;color:var(--accent-color);border:1px solid var(--accent-color);padding:4px 10px;display:inline-block;transition:all .2s}
.reply a:hover{background:var(--accent-color);color:#fff}
.comment-author .avatar{width:40px;height:40px;border-radius:50%;margin-right:15px;vertical-align:middle}

/* ============================= RELATED POSTS ============================= */
.bt-related-wrapper{margin-top:80px;padding-top:0;width:100%;box-sizing:border-box}
.bt-related-heading{font-size:24px;font-weight:800;color:#111;margin-bottom:24px;text-transform:none;display:flex;align-items:center}
.bt-related-heading::before{content:'';display:block;width:6px;height:24px;background:var(--accent-color);margin-right:12px}
.bt-related-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:180px;gap:6px}
.bt-related-card{position:relative;overflow:visible;border:var(--border-width) solid transparent;background:transparent;box-shadow:none;transition:border-color var(--transition-base),box-shadow var(--transition-base)}
.bt-related-card:hover{border-color:var(--accent-color);box-shadow:0 8px 20px rgba(0,0,0,.22)}
.bt-related-bg{display:none}
.bt-related-link{position:relative;display:flex;flex-direction:column;justify-content:flex-end;width:100%;height:100%;background-size:cover;background-position:center 30%;background-repeat:no-repeat;text-decoration:none;color:inherit}
.bt-related-link::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.05) 0%,rgba(0,0,0,.35) 45%,rgba(0,0,0,.9) 100%);z-index:1}
.bt-related-overlay{position:static;z-index:2;padding:16px;display:flex;flex-direction:column;gap:6px}
.bt-related-card .bt-related-cat{position:absolute;top:0;left:0;z-index:100;display:inline-block;box-sizing:border-box;max-width:100%;padding:8px 18px;background:var(--accent-color);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;line-height:1.4;white-space:normal;margin:0}
.bt-related-title{margin:0;color:#fff;font-weight:800;font-size:18px;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,.6);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bt-related-card:nth-child(1){grid-column:1/3;grid-row:1/3}
.bt-related-card:nth-child(2){grid-column:3/4;grid-row:1/2}
.bt-related-card:nth-child(3){grid-column:4/5;grid-row:1/2}
.bt-related-card:nth-child(4){grid-column:3/5;grid-row:2/4}
.bt-related-card:nth-child(5){grid-column:1/3;grid-row:3/4}
.bt-related-card:nth-child(1) .bt-related-title{font-size:22px}
.bt-related-card:nth-child(2) .bt-related-title,.bt-related-card:nth-child(3) .bt-related-title{font-size:16px}
@media (min-width:1281px){.bt-related-wrapper{max-width:1080px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;box-sizing:border-box}}

/* ============================= TABLES ============================= */
.entry-content table{width:100%;max-width:100%;margin:30px 0;border-collapse:collapse;background:#fff;border:1px solid #e5e7eb;font-size:14px;line-height:1.6}
.entry-content table thead{background:#f7f7f7;border-bottom:2px solid var(--accent-color)}
.entry-content table thead th{padding:15px 20px;text-align:left;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:1.2px;color:#555;border-right:1px solid #e5e7eb}
.entry-content table thead th:last-child{border-right:none}
.entry-content table tbody td{padding:15px 20px;border-bottom:1px solid #f0f0f0;border-right:1px solid #f0f0f0;color:#333}
.entry-content table tbody td:last-child{border-right:none}
.entry-content table tbody tr:nth-child(even){background:#fafafa}
.entry-content table tbody tr{transition:background .2s ease}
.entry-content table tbody tr:hover{background:#f5f9fc}
.entry-content table tbody tr:last-child td{border-bottom:none}
.entry-content table a{color:var(--accent-color);text-decoration:none;font-weight:600;transition:color .2s ease}
.entry-content table a:hover{color:#005177;text-decoration:underline}
.entry-content table tbody td:first-child{font-weight:600;color:#222}
.entry-content table .center,.entry-content table td[align="center"],.entry-content table th[align="center"]{text-align:center}
.entry-content table .right,.entry-content table td[align="right"],.entry-content table th[align="right"]{text-align:right}

/* ============================= SIDEBAR ============================= */
.sidebar .widget_nav_menu,.right-sidebar .widget_nav_menu{background:transparent;border:0;padding:0}
.sidebar .widget_nav_menu .widget-title,.right-sidebar .widget_nav_menu .widget-title{margin:0 0 10px;font-size:var(--font-size-xl);line-height:1.2;font-weight:800;color:var(--global-color-2,#222)}
.sidebar .widget_nav_menu .menu,.right-sidebar .widget_nav_menu .menu{list-style:none;margin:0;padding:0;counter-reset:pop;display:flex;flex-direction:column;gap:14px}
.sidebar .widget_nav_menu .menu>li,.right-sidebar .widget_nav_menu .menu>li{counter-increment:pop;display:grid;grid-template-columns:36px 1fr;align-items:start;column-gap:10px}
.sidebar .widget_nav_menu .menu>li::before,.right-sidebar .widget_nav_menu .menu>li::before{content:counter(pop);font-weight:600;font-size:28px;line-height:1;color:var(--accent-color);opacity:.75}
.sidebar .widget_nav_menu .menu>li>a,.right-sidebar .widget_nav_menu .menu>li>a{display:block;text-decoration:none;color:var(--global-color-2,#222);font-weight:700;line-height:1.35;transition:color var(--transition-fast),transform var(--transition-fast)}
.sidebar .widget_nav_menu .menu>li>a:hover,.right-sidebar .widget_nav_menu .menu>li>a:hover{color:var(--accent-color);transform:translateX(3px)}

/* ============================= TABLE OF CONTENTS ============================= */
#ez-toc-container{position:relative !important;background:#fff !important;border:1px solid #d9dee5 !important;box-shadow:none !important;border-radius:0 !important;max-width:720px !important;margin:28px auto !important;padding:22px 18px 14px !important;overflow:hidden !important}
#ez-toc-container *{box-sizing:border-box !important}
#ez-toc-container .ez-toc-title-container{display:none !important}
#ez-toc-container .ez-toc-box-title{position:absolute !important;top:0 !important;left:0 !important;display:inline-block !important;margin:0 !important;padding:8px 14px !important;background:var(--accent-color) !important;color:#fff !important;font-size:11px !important;font-weight:800 !important;line-height:1 !important;letter-spacing:1px !important;text-transform:uppercase !important;border:0 !important}
#ez-toc-container nav{display:block !important;clear:both !important;padding:0 !important;margin:12px 0 0 !important}
#ez-toc-container ul{list-style:none !important;margin:0 !important;padding:0 !important}
#ez-toc-container ul li{list-style:none !important;margin:0 !important;padding:0 !important}
#ez-toc-container ul li::before{display:none !important;content:none !important}
#ez-toc-container > nav > ul > li + li{border-top:1px solid #f1f4f7 !important}
#ez-toc-container > nav > ul > li > a{display:block !important;padding:9px 0 !important;color:#1a1a1a !important;text-decoration:none !important;font-size:14px !important;font-weight:600 !important;line-height:1.35 !important;transition:color .18s ease,padding-left .18s ease !important}
#ez-toc-container > nav > ul > li > a:hover{color:var(--accent-color) !important;padding-left:4px !important}
#ez-toc-container ul ul{margin:1px 0 4px 14px !important;padding:0 !important}
#ez-toc-container ul ul li a{display:block !important;padding:5px 0 !important;color:#5f6b78 !important;text-decoration:none !important;font-size:12px !important;font-weight:500 !important;line-height:1.4 !important;transition:color .18s ease,padding-left .18s ease !important}
#ez-toc-container ul ul li a:hover{color:var(--accent-color) !important;padding-left:4px !important}
@media(max-width:768px){#ez-toc-container{margin:22px auto !important;padding:20px 14px 12px !important}}
@media(max-width:768px){#ez-toc-container .ez-toc-box-title{padding:7px 12px !important;font-size:10px !important}}
@media(max-width:768px){#ez-toc-container nav{margin-top:10px !important}}
@media(max-width:768px){#ez-toc-container > nav > ul > li > a{font-size:13px !important;padding:8px 0 !important}}
@media(max-width:768px){#ez-toc-container ul ul{margin-left:12px !important}}
@media(max-width:768px){#ez-toc-container ul ul li a{font-size:11px !important;padding:4px 0 !important}}
/* ============================= ARCHIVE ============================= */
body.archive #page.grid-container{max-width:100%;padding:0}
body.archive .site-content{display:block}
body.archive #primary{width:100%;margin:0}
body.archive #secondary{display:none}
body.archive .inside-article{padding:0;max-width:100%}
.mag-hero-band{position:relative;background:#fff;padding:0 0 20px;overflow:hidden}
.mag-hero-band::before{content:"";position:absolute;left:0;right:0;top:0;height:300px;background:linear-gradient(135deg,#1d1d1d 0%,#0d0d0d 60%,#1a1a1a 100%);z-index:0}
.mag-hero-band::after{content:"";position:absolute;left:0;right:0;top:0;height:300px;background:radial-gradient(ellipse 60% 70% at 85% 25%,rgba(6,105,255,.18) 0%,rgba(6,105,255,.10) 35%,transparent 70%),radial-gradient(ellipse 45% 40% at 25% 85%,rgba(6,105,255,.08) 0%,transparent 60%);pointer-events:none;z-index:1}
.mag-hero-band-inner{max-width:1200px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.mag-archive-hero-header{padding:40px 0 26px}
.mag-archive-title{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0 0 12px;padding:0;line-height:1.1;letter-spacing:-0.02em}
.mag-archive-desc{display:block;margin:0;color:rgba(255,255,255,.6);max-width:520px;font-size:1.05rem;line-height:1.45}
.mag-archive-hero-header::after{content:"";display:block;width:72px;height:3px;margin-top:22px;background:var(--accent-color);opacity:.5}
.mag-hero-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:10px}
.mag-hero-main{position:relative;min-height:480px;border:3px solid #fff;transition:border-color .3s,box-shadow .3s;background:#333;overflow:hidden}
.mag-hero-main:hover{border-color:var(--accent-color);box-shadow:0 10px 28px rgba(var(--accent-color-rgb),.18)}
.mag-hero-main-bg{position:absolute;inset:0;z-index:0}
.mag-hero-main-bg img{width:100%;height:100%;object-fit:cover}
.mag-hero-main::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 40%,rgba(0,0,0,.85));z-index:1;pointer-events:none}
.mag-hero-main>.mag-cat{position:absolute;top:0;left:0;z-index:10;background:var(--accent-color);color:#fff;padding:8px 18px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.mag-hero-main-link{position:absolute;inset:0;z-index:5;text-decoration:none}
.mag-hero-main-overlay{position:absolute;left:20px;right:20px;bottom:20px;z-index:6}
.mag-hero-main-title{color:#fff;font-size:26px;font-weight:700;margin:0 0 10px;display:block;line-height:1.25}
.mag-hero-main:hover .mag-hero-main-title{color:#fff}
.mag-hero-main-title{color:#fff;font-size:26px;font-weight:700;margin:0 0 10px;display:block;line-height:1.25;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.mag-hero-small-title{color:#fff;font-size:16px;font-weight:700;margin:0;display:block;line-height:1.3;text-shadow:0 2px 10px rgba(0,0,0,.45)}
.mag-meta{color:rgba(255,255,255,.85);font-size:13px;font-weight:500}
.mag-hero-secondary{display:flex;flex-direction:column;gap:10px}
.mag-hero-small{position:relative;flex:1;min-height:235px;border:3px solid #fff;transition:border-color .3s,box-shadow .3s;background:#333;overflow:hidden}
.mag-hero-small:hover{border-color:var(--accent-color);box-shadow:0 10px 28px rgba(var(--accent-color-rgb),.18)}
.mag-hero-small-bg{position:absolute;inset:0;z-index:0}
.mag-hero-small-bg img{width:100%;height:100%;object-fit:cover}
.mag-hero-small::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.85));z-index:1;pointer-events:none}
.mag-hero-small>.mag-cat{position:absolute;top:0;left:0;z-index:10;background:var(--accent-color);color:#fff;padding:6px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.mag-hero-small-link{position:absolute;inset:0;z-index:5;text-decoration:none}
.mag-hero-small-overlay{position:absolute;left:16px;right:16px;bottom:16px;z-index:6}
.mag-hero-small-title{color:#fff;font-size:16px;font-weight:700;margin:0;display:block;line-height:1.3}
.mag-hero-small:hover .mag-hero-small-title{color:#fff}
.mag-content-wrap{background:#fff;padding:40px 0 60px}
.mag-content-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 320px;gap:40px;align-items:start}
.mag-main-column{min-width:0}
.mag-stream{display:block}
.mag-stream-item{border-bottom:1px solid var(--border-color);padding:20px 0;transition:opacity .4s ease,transform .4s ease}
.mag-stream-item:first-child{padding-top:0}
.mag-stream-item:last-child{border-bottom:none}
.mag-stream-link{display:flex;gap:20px;text-decoration:none}
.mag-stream-thumb{width:160px;height:107px;flex-shrink:0;overflow:hidden;background:#eee}
.mag-stream-thumb img{width:100%;height:100%;object-fit:cover}
.mag-stream-content{flex:1;min-width:0}
.mag-stream-title{color:#1a1a1a;font-size:18px;font-weight:700;margin:0 0 8px}
.mag-stream-item:hover .mag-stream-title{color:var(--accent-color)}
.mag-stream-meta{color:#666;font-size:13px}
.mag-load-more-wrap{text-align:center;margin-top:40px;padding:30px 0;border-top:1px solid var(--border-color)}
.mag-load-more-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-width:200px;padding:16px 48px;border:2px solid var(--border-color);background:#fff;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--dark-bg);cursor:pointer;transition:all var(--transition-base)}
.mag-load-more-btn:hover{background:var(--dark-bg);color:#fff;border-color:var(--dark-bg);transform:translateY(-2px);box-shadow:var(--shadow-md)}
.mag-load-more-btn:active{transform:translateY(0)}
.mag-load-more-btn.loading{pointer-events:none;opacity:.7}
.mag-load-more-btn .btn-loading{display:flex;align-items:center;gap:8px}
.mag-sidebar{align-self:start}
.mag-sidebar .widget{margin-bottom:30px}
.mag-sidebar .widget:last-child{margin-bottom:0}
.mag-sidebar .widget-title{margin:0 0 20px;font-size:18px;font-weight:800;padding-bottom:12px;border-bottom:2px solid var(--accent-color)}
.mag-archive-hero-header::after{content:none;display:none}

/* ===== ARCHIVE: Mobile Layout (Sidebar oben) ===== */
@media (max-width:980px){.mag-content-inner{display:flex;flex-direction:column;gap:24px}.mag-sidebar{order:-1;width:100%}.mag-main-column{order:1;width:100%}}
.mag-tag-filter{border:1px solid #e6e9ef;padding:18px}
.mag-tag-filter p{margin:0 0 14px;font-size:14px;line-height:1.45;color:#2a2f36;font-weight:700;letter-spacing:-.2px}
.mag-tag-filter .mag-tag-filter-sub{margin-top:6px;font-weight:500;color:#5a6472}
.mag-tag-chip.is-active,.mag-tag-chip[aria-pressed="true"]{background:var(--accent-color);border-color:var(--accent-color);color:#fff;box-shadow:0 10px 18px rgba(var(--accent-color-rgb),.22)}

/* ============================= SUCHERGEBNISSE ============================= */

body.search.search-results .site-main{margin:0 auto;padding:0px 40px;}
body.search.search-results .page-header{width:100vw;max-width:none;margin:0 0 30px calc(50% - 50vw);padding:28px max(20px,calc((100vw - 980px)/2 + 20px)) 18px;background:linear-gradient(135deg,#1d1d1d 0%,#0d0d0d 60%,#1a1a1a 100%);}
body.search.search-results .page-header .page-title{margin:0;color:#fff;font-size:clamp(2rem,4vw,2.8rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;}
body.search.search-results .page-header .page-title span,body.search.search-results .page-header .page-title mark{color:var(--accent-color);background:transparent;padding:0;}

body.search.search-results article{margin:0 0 30px!important;padding:0 0 30px!important;border-bottom:1px solid var(--border-color);}
body.search.search-results article::after{content:"";display:block;clear:both;}
body.search.search-results article .inside-article{display:block!important;padding:0!important;background:transparent!important;border:0!important;box-shadow:none!important;transform:none!important;}

body.search.search-results article .post-image,body.search.search-results article .featured-image,body.search.search-results article .inside-article>a:first-child{float:left;width:240px;max-width:240px;margin:0 24px 12px 0!important;}
body.search.search-results article .post-image img,body.search.search-results article .featured-image img,body.search.search-results article .inside-article>a:first-child img{display:block;width:100%;height:160px;object-fit:cover;}

body.search.search-results .entry-header{display:block;margin:0!important;padding:0!important;}
body.search.search-results .entry-title{margin:0 0 10px;font-size:clamp(1.7rem,2.4vw,2.45rem);line-height:1.1;font-weight:800;letter-spacing:-.02em;}
body.search.search-results .entry-title a{color:var(--dark-bg);text-decoration:none;}
body.search.search-results .entry-title a:hover{color:var(--accent-color);}

body.search.search-results .entry-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 14px;font-size:11px;line-height:1.4;color:#7a7a7a;text-transform:uppercase;letter-spacing:.05em;}
body.search.search-results .entry-meta .gp-icon,body.search.search-results .entry-meta .sep{display:none;}
body.search.search-results .entry-meta a{color:#7a7a7a;text-decoration:none;}
body.search.search-results .entry-meta a:hover{color:var(--accent-color);}

body.search.search-results .entry-summary,body.search.search-results .entry-content{display:block;margin:0!important;padding:0!important;}
body.search.search-results .entry-summary p,body.search.search-results .entry-content p{margin:0;color:var(--light-text);font-size:15px;line-height:1.75;}

body.search.search-results .more-link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;padding:0;background:transparent!important;border:0!important;box-shadow:none!important;color:var(--accent-color)!important;font-size:0;font-weight:700;line-height:1.6;text-transform:none;letter-spacing:0;text-decoration:none;transition:color .2s ease,opacity .2s ease;}
body.search.search-results .more-link::before{content:"Weiterlesen";font-size:15px;line-height:1.6;}
body.search.search-results .more-link::after{content:"→";font-size:15px;line-height:1.6;transition:transform .2s ease;}
body.search.search-results .more-link:hover{color:var(--accent-hover)!important;opacity:.9;transform:none;}
body.search.search-results .more-link:hover::after{transform:translateX(3px);}

body.search.search-results footer.entry-meta{display:flex!important;flex-wrap:wrap;gap:10px 14px;margin-top:14px;padding:0!important;border:0!important;}
body.search.search-results footer.entry-meta .gp-icon,body.search.search-results footer.entry-meta .sep,body.search.search-results footer.entry-meta .comments-link{display:none!important;}
body.search.search-results footer.entry-meta .cat-links,body.search.search-results footer.entry-meta .tags-links{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:0!important;border:0!important;font-size:0;}
body.search.search-results footer.entry-meta .cat-links::before{content:"Kategorie";display:inline-block;margin-right:2px;font-size:11px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.05em;}
body.search.search-results footer.entry-meta .tags-links::before{content:"Tags";display:inline-block;margin-right:2px;font-size:11px;font-weight:700;color:#777;text-transform:uppercase;letter-spacing:.05em;}
body.search.search-results footer.entry-meta .cat-links a,body.search.search-results footer.entry-meta .tags-links a{display:inline-block;padding:6px 10px;background:#f5f5f5;border:1px solid #e5e5e5;color:#555;font-size:11px;line-height:1;font-weight:700;text-transform:uppercase;text-decoration:none;transition:all .2s ease;}
body.search.search-results footer.entry-meta .cat-links a:hover,body.search.search-results footer.entry-meta .tags-links a:hover{background:#fff;border-color:var(--accent-color);color:var(--accent-color);}

body.search.search-results nav.navigation.pagination{margin-top:30px;padding-top:22px;border-top:1px solid var(--border-color);}
body.search.search-results nav.navigation.pagination .nav-links{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;}
body.search.search-results nav.navigation.pagination a,body.search.search-results nav.navigation.pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;background:#fff;border:1px solid var(--border-color);color:var(--dark-bg);font-size:14px;font-weight:700;text-decoration:none;}
body.search.search-results nav.navigation.pagination a:hover{border-color:var(--accent-color);color:var(--accent-color);}
body.search.search-results nav.navigation.pagination .current{background:var(--accent-color);border-color:var(--accent-color);color:#fff;}

@media(max-width:1020px){body.search.search-results .page-header{padding:24px 20px 18px;}}
@media(max-width:768px){body.search.search-results .site-main{padding:0 16px 36px;}body.search.search-results .page-header{margin:0 0 22px calc(50% - 50vw);padding:22px 16px 16px;}body.search.search-results article{margin-bottom:24px!important;padding-bottom:24px!important;}body.search.search-results article .post-image,body.search.search-results article .featured-image,body.search.search-results article .inside-article>a:first-child{float:none;width:100%;max-width:none;margin:0 0 14px!important;}body.search.search-results article .post-image img,body.search.search-results article .featured-image img,body.search.search-results article .inside-article>a:first-child img{width:100%;height:210px;}body.search.search-results .entry-title{font-size:clamp(1.45rem,6vw,2rem);}body.search.search-results footer.entry-meta{gap:8px 10px;}}

/* ============================= AUTORENSEITE ============================= */

body.author .site-main{max-width:1100px;margin:0 auto;padding:0 20px 50px;}
.bt-author-hero{width:100vw;max-width:none;margin:0 0 34px calc(50% - 50vw);padding:34px max(20px,calc((100vw - 1100px)/2 + 20px)) 28px;background:linear-gradient(135deg,#1d1d1d 0%,#0d0d0d 60%,#1a1a1a 100%);position:relative;overflow:hidden;}
.bt-author-hero::before{content:"";position:absolute;top:-10%;right:-10%;width:75%;height:120%;background:radial-gradient(ellipse at right,rgba(6,105,255,.18) 0%,rgba(6,105,255,.10) 35%,transparent 70%);pointer-events:none;}
.bt-author-hero::after{content:"";position:absolute;left:0;right:0;top:0;bottom:0;background:radial-gradient(ellipse 45% 40% at 22% 82%,rgba(6,105,255,.08) 0%,transparent 60%);pointer-events:none;}
.bt-author-hero-inner{position:relative;z-index:2;}.bt-author-hero-inner{display:grid;grid-template-columns:140px minmax(0,1fr);gap:24px;align-items:center;max-width:1100px;}
.bt-author-hero-avatar .avatar{display:block;width:140px;height:140px;border-radius:50%;border:3px solid rgba(255,255,255,.12);}
.bt-author-kicker{margin:0 0 8px;color:rgba(255,255,255,.65);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.bt-author-title{margin:0 0 10px;color:#fff;font-size:clamp(2rem,4vw,3rem);line-height:1.05;font-weight:800;letter-spacing:-.02em;}
.bt-author-bio,.bt-author-bio p{margin:0;color:rgba(255,255,255,.78);font-size:16px;line-height:1.7;}
.bt-author-meta{margin-top:14px;color:rgba(255,255,255,.6);font-size:13px;font-weight:600;}

.bt-author-focus{margin-top:18px;}
.bt-author-focus-label{display:block;margin-bottom:10px;color:rgba(255,255,255,.7);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.bt-author-focus-tags{display:flex;flex-wrap:wrap;gap:8px;}
.bt-author-focus-tag{display:inline-block;padding:8px 12px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#fff;text-decoration:none;font-size:11px;font-weight:700;line-height:1;text-transform:uppercase;letter-spacing:.05em;transition:all .2s ease;}
.bt-author-focus-tag:hover{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.2);color:#fff;}

.bt-author-section{max-width:1100px;margin:0 auto 42px;}
.bt-author-section-head{margin-bottom:18px;}
.bt-author-section-head h2{margin:0 0 6px;font-size:24px;line-height:1.18;font-weight:800;color:var(--dark-bg);}
.bt-author-section-head p{margin:0;color:var(--light-text);font-size:15px;line-height:1.6;}

.bt-author-latest-list{display:flex;flex-direction:column;gap:0;}
.bt-author-latest-item{padding:24px 0;border-bottom:1px solid var(--border-color);}
.bt-author-latest-link{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start;text-decoration:none;color:inherit;}
.bt-author-latest-thumb img{display:block;width:100%;height:165px;object-fit:cover;}
.bt-author-latest-title{margin:0 0 10px;font-size:clamp(1.35rem,1.8vw,1.8rem);line-height:1.16;font-weight:800;color:var(--dark-bg);}
.bt-author-latest-link:hover .bt-author-latest-title{color:var(--accent-color);}
.bt-author-latest-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin:0 0 12px;color:#7a7a7a;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;}
.bt-author-latest-excerpt{color:var(--light-text);font-size:15px;line-height:1.75;}
.bt-author-readmore{display:inline-flex;align-items:center;gap:6px;margin-top:12px;color:var(--accent-color);font-size:15px;font-weight:700;line-height:1.6;}
.bt-author-readmore::after{content:"→";transition:transform .2s ease;}
.bt-author-latest-link:hover .bt-author-readmore::after{transform:translateX(3px);}

.bt-author-section-alt{padding-top:8px;}
.bt-author-popular-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.bt-author-popular-card{background:#fff;border:var(--border-width) solid transparent;transition:all .25s ease;}
.bt-author-popular-card:hover{border-color:var(--accent-color);transform:translateY(-2px);box-shadow:var(--shadow-md);}
.bt-author-popular-link{display:block;text-decoration:none;color:inherit;}
.bt-author-popular-thumb img{display:block;width:100%;height:190px;object-fit:cover;}
.bt-author-popular-body{padding:16px 16px 18px;}
.bt-author-popular-cat{display:inline-block;margin-bottom:8px;color:var(--accent-color);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.bt-author-popular-title{margin:0 0 10px;font-size:19px;line-height:1.22;font-weight:800;color:var(--dark-bg);}
.bt-author-popular-link:hover .bt-author-popular-title{color:var(--accent-color);}
.bt-author-popular-meta{color:#7a7a7a;font-size:11px;line-height:1.4;text-transform:uppercase;letter-spacing:.05em;}

/* ============================================================
   RESPONSIVE ADJUSTMENTS (900px)
   ============================================================ */
@media (max-width: 900px) {
    .bt-author-section {
        padding-left: 20px;
        padding-right: 20px;
        box-sizing: border-box;
    }

    .bt-author-popular-grid {
        grid-template-columns: 1fr 1fr;
    }

    .bt-author-latest-link {
        grid-template-columns: 220px minmax(0, 1fr);
    }
}

/* ============================================================
   RESPONSIVE ADJUSTMENTS (768px)
   ============================================================ */
@media (max-width: 768px) {
    .bt-author-hero {
        padding: 24px 16px 20px;
    }

    .bt-author-hero-inner {
        grid-template-columns: 80px minmax(0, 1fr);
        gap: 16px;
        align-items: start;
    }

    .bt-author-hero-avatar .avatar {
        width: 80px;
        height: 80px;
    }

    .bt-author-section-head h2 {
        font-size: 22px;
    }

    .bt-author-latest-link {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .bt-author-latest-thumb img {
        height: 210px;
    }

    .bt-author-popular-grid {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   HELPER & FIXES
   ============================================================ */
.bt-author-focus-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.bt-author-focus-tag {
    display: inline-flex;
    align-items: center;
    white-space: normal;
    line-height: 1.25;
    text-align: left;
}

.bt-author-section-head h2 {
    font-size: 24px;
    line-height: 1.18;
}

.bt-author-latest-title {
    font-size: clamp(1.35rem, 1.8vw, 1.8rem);
    line-height: 1.16;
}

.bt-author-popular-title {
    font-size: 19px;
    line-height: 1.22;
}

/* ============================= PREISVERGLEICH ============================= */
.bt-hauptprodukt-box *, .atkp-detailoffers-box.atkp-template-268065 * { box-sizing: border-box; float: none !important; }
.bt-hauptprodukt-box { margin: 32px 0; clear: both; }
.bt-hauptprodukt-box .atkp-detailoffers-box, .atkp-detailoffers-box.atkp-template-268065 { display: block; width: 100%; margin: 0; padding: 0; background: #fff; border: 1px solid #d1d5db; border-radius: 0; box-shadow: none; overflow: hidden; }
.bt-hauptprodukt-box .atkp-detailoffers-box::before, .atkp-detailoffers-box.atkp-template-268065::before { content: "Verfügbarkeit und Preise"; display: block; padding: 12px 20px; background: #1e293b; color: #fff; font-size: 13px; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; border: none; }
.atkp-pricecompare-container { display: block; width: 100%; padding: 0; margin: 0; }

/* --- Desktop Layout --- */
.atkp-pricecompare-row { display: grid; grid-template-columns: 100px 1fr 100px 150px; align-items: center; gap: 0; padding: 0; margin: 0; background: #fff; border: none; border-bottom: 1px solid #d1d5db; width: 100%; min-height: 70px; }
.atkp-pricecompare-row:last-child { border-bottom: none; }
.atkp-pricecompare-row:hover { background: #f8fafc; }

.atkp-pricecompare-cell { display: flex; align-items: center; padding: 16px; margin: 0; border: none; background: transparent; height: 100%; min-height: 70px; float: none; width: auto; min-width: 0; max-width: none; flex: none; }
.atkp-pricecompare-cell.atkp-pricecompare-logo { justify-content: flex-start; padding-left: 20px; }
.atkp-pricecompare-logo picture, .atkp-pricecompare-logo img { display: block; visibility: visible; opacity: 1; max-width: 80px; max-height: 32px; width: auto; height: auto; object-fit: contain; }
.atkp-pricecompare-logo img.lazyload, .atkp-pricecompare-logo img.lazyloading, .atkp-pricecompare-logo img[data-lazy-src] { opacity: 1; display: block; }
.atkp-pricecompare-logo { font-size: 14px; font-weight: 600; color: #1e293b; }

.atkp-pricecompare-cell.atkp-pricecompare-title { justify-content: flex-start; }
.atkp-pricecompare-title a { display: block; color: #1e293b; font-size: 14px; font-weight: 500; line-height: 1.4; text-decoration: none; word-wrap: break-word; overflow-wrap: break-word; }
.atkp-pricecompare-title a:hover { color: var(--accent-color); }

.atkp-pricecompare-cell.atkp-pricecompare-price { flex-direction: column; align-items: flex-end; justify-content: center; text-align: right; }
.atkp-pricecompare-price .atkp-price, .atkp-pricecompare-price > div:first-child, .atkp-pricecompare-price > span:first-child { font-size: 18px; font-weight: 700; color: #1e293b; line-height: 1.2; white-space: nowrap; }
.atkp-pricecompare-price .atkp-oldprice { font-size: 12px; font-weight: 400; color: #94a3b8; text-decoration: line-through; }
.atkp-pricecompare-price .atkp-stock { font-size: 11px; color: #16a34a; font-weight: 500; white-space: nowrap; }

.atkp-pricecompare-cell.atkp-pricecompare-button { justify-content: center; padding-right: 20px; }
.atkp-pricecompare-button a,
.atkp-pricecompare-button a:visited,
.atkp-pricecompare-button a:hover,
.atkp-pricecompare-button a:focus,
.atkp-pricecompare-button a:active,
.atkp-pricecompare-button .atkp-button {
    display: inline-block;
    padding: 12px 20px;
    background: #1e293b;
    color: #fff !important;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    transition: background 0.15s ease;
    white-space: nowrap;
}

.atkp-pricecompare-button a:hover,
.atkp-pricecompare-button a:focus,
.atkp-pricecompare-button a:active,
.atkp-pricecompare-button .atkp-button:hover {
    background: var(--accent-color);
    color: #fff !important;
}
.atkp-pricecompare-button .atkp-shopname { display: none !important; }

.atkp-detailoffers-box > a[href*="cashper"], .atkp-pricecompare-container ~ a, div.atkp-detailoffers-box > a, .bt-hauptprodukt-box a[href*="cashper"] { display: block; padding: 14px 20px; background: #f1f5f9; color: #475569; font-size: 13px; font-weight: 500; text-align: center; text-decoration: none; border-top: 1px solid #d1d5db; transition: background 0.15s ease, color 0.15s ease; }
.atkp-detailoffers-box > a[href*="cashper"]:hover, .atkp-pricecompare-container ~ a:hover, div.atkp-detailoffers-box > a:hover { background: #e2e8f0; color: var(--accent-color); }
.atkp-disclaimer, .atkp-detailoffers-box .atkp-disclaimer { display: block; padding: 10px 20px; font-size: 11px; line-height: 1.5; color: #94a3b8; background: #f8fafc; border-top: 1px solid #d1d5db; }
.atkp-pricecompare-mobile-title { display: none; }

/* --- Responsive Tablet --- */
@media (max-width: 1100px) {
    .atkp-pricecompare-row { grid-template-columns: 80px 1fr 90px 130px; }
    .atkp-pricecompare-cell { padding: 14px 12px; min-height: 64px; }
    .atkp-pricecompare-logo img { max-width: 65px; }
    .atkp-pricecompare-price .atkp-price { font-size: 16px; }
    .atkp-pricecompare-button a, .atkp-pricecompare-button .atkp-button { padding: 10px 14px; }
}

/* --- Responsive Mobile --- */
@media (max-width: 768px) {
    .atkp-pricecompare-row { 
        display: flex !important; 
        flex-direction: column !important; 
        align-items: center !important; 
        padding: 24px 16px !important; 
        gap: 12px !important;
        border-bottom: 1px solid #d1d5db !important;
        min-height: auto !important;
    }
    .atkp-pricecompare-cell { 
        padding: 0 !important; 
        width: 100% !important; 
        justify-content: center !important; 
        text-align: center !important; 
        align-items: center !important;
        min-height: auto !important;
    }
    
    /* 1. Logo */
    .atkp-pricecompare-cell.atkp-pricecompare-logo { padding-bottom: 5px !important; }
    .atkp-pricecompare-logo img { max-width: 120px !important; max-height: 45px !important; margin: 0 auto !important; object-fit: contain !important; }
    
    /* 2. Titel */
    .atkp-pricecompare-cell.atkp-pricecompare-title { display: block !important; padding-bottom: 5px !important; }
    .atkp-pricecompare-title a { font-size: 16px !important; font-weight: 600 !important; color: #1e293b !important; line-height: 1.4 !important; }
    
    /* 3. Preis */
    .atkp-pricecompare-cell.atkp-pricecompare-price { align-items: center !important; padding-bottom: 10px !important; }
    .atkp-pricecompare-price .atkp-price, .atkp-pricecompare-price > div:first-child, .atkp-pricecompare-price > span:first-child { font-size: 24px !important; font-weight: 800 !important; }
    .atkp-pricecompare-price .atkp-oldprice { font-size: 14px !important; margin-right: 6px !important; }
    
    /* 4. Button */
    .atkp-pricecompare-cell.atkp-pricecompare-button { width: 100% !important; }
    .atkp-pricecompare-button a, .atkp-pricecompare-button .atkp-button { 
        width: 100% !important; 
        padding: 16px 20px !important; 
        font-size: 15px !important; 
        background: #1e293b !important; 
        color: #fff !important;
        text-transform: uppercase !important;
        border-radius: 4px !important;
    }
    .atkp-pricecompare-button a:hover, .atkp-pricecompare-button .atkp-button:hover { 
        background: var(--accent-color) !important; 
    }
}

/* ============================================================
   ENGLISCHE ÜBERSETZUNG FÜR CSS-TEXTE (ATKP BOXEN)
   ============================================================ */

/* 1. Die "Nicht verfügbar" Box */
html[lang^="en"] .atkp-box.atkp-notavailabledefault::before {
    content: "PRICE INFORMATION" !important;
}

/* 2. Der normale Preisvergleich */
html[lang^="en"] .bt-hauptprodukt-box .atkp-detailoffers-box::before, 
html[lang^="en"] .atkp-detailoffers-box.atkp-template-268065::before {
    content: "AVAILABILITY & PRICES" !important;
}
/* ============================= RESPONSIVE 1200px ============================= */
@media(max-width:1200px){
:root{--section-spacing:60px}
.grid-container{padding-left:30px;padding-right:30px;padding-bottom:60px;}
.hero-section{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;box-sizing:border-box}
.hero-section.wp-block-columns{display:flex;flex-direction:column;gap:var(--card-gap)}
.hero-section.wp-block-columns>.wp-block-column{flex-basis:100%;width:100%;max-width:100%;flex-grow:0;flex-shrink:0}
.hero-section.wp-block-columns>.wp-block-column[style]{flex-basis:100%;width:100%}
.hero-section .wp-block-column:first-child{margin-bottom:0}
.hero-section .wp-block-column:first-child .wp-block-query{display:block}
.hero-section .wp-block-column:last-child .wp-block-post-template{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--card-gap)}
.hero-small{min-height:220px}
	
.wp-container-core-post-template-is-layout-bf2228b3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
}

/* ============================= RESPONSIVE 900px ============================= */
@media(max-width:900px){
:root{--section-spacing:60px;--container-gap:32px;--card-gap:20px}
.grid-container{padding-left:30px;padding-right:30px;padding-bottom: 60px;}
.hero-featured{margin-bottom:0}
.news-cards{grid-template-columns:repeat(2,1fr);gap:var(--card-gap)}
.news-card{min-height:240px}
.tests-grid{grid-template-columns:repeat(2,1fr);gap:var(--card-gap)}
.kaufempfehlung-card__media{width:160px}
.kaufempfehlung-card__content{padding:16px}
.trends-modern{grid-template-columns:repeat(2,1fr);gap:10px}
.trends-modern a{padding:12px 16px;font-size:var(--font-size-sm)}
.footer-content{grid-template-columns:1fr;gap:50px}
.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:30px}
.af-infobar{justify-content:center}
.af-share-rail{display:none}
.af-head .entry-title{text-align:center}
.af-standfirst{font-size:17px}
.sidebar .widget_nav_menu .menu{gap:12px}
.sidebar .widget_nav_menu .menu>li{grid-template-columns:32px 1fr}
.sidebar .widget_nav_menu .menu>li::before{font-size:24px}
.bt-related-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px;gap:10px}
.bt-related-card:nth-child(1){grid-column:1/3;grid-row:1/3}
.bt-related-card:nth-child(2){grid-column:1/2;grid-row:3/4}
.bt-related-card:nth-child(3){grid-column:2/3;grid-row:3/4}
.bt-related-card:nth-child(4){grid-column:1/3;grid-row:4/5}
.bt-related-card:nth-child(5){grid-column:1/3;grid-row:5/6}
.mag-hero-band{background:linear-gradient(to bottom,var(--accent-color) 0,var(--accent-color) 200px,#fff 200px,#fff 100%)}
.mag-hero-grid{grid-template-columns:1fr}
.mag-hero-main{min-height:320px}
.mag-hero-secondary{flex-direction:row}
.mag-hero-small{min-height:160px}
.mag-content-inner{grid-template-columns:1fr}
.mag-sidebar{margin-top:40px;padding-top:40px;border-top:1px solid var(--border-color)}
.atkp-pricecompare-row{grid-template-columns:80px 1fr 90px 130px}
.atkp-pricecompare-cell{padding:14px 12px}
.atkp-pricecompare-cell.atkp-pricecompare-logo{padding-left:16px}
.atkp-pricecompare-cell.atkp-pricecompare-button{padding-right:16px}
.atkp-pricecompare-logo img{max-width:65px}
.atkp-pricecompare-title a{font-size:13px}
.atkp-pricecompare-price .atkp-price,.atkp-pricecompare-price>div:first-child{font-size:16px}
.atkp-pricecompare-button a{padding:10px 16px;font-size:12px}

.wp-container-core-post-template-is-layout-bf2228b3 {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}	
	
}

/* ======= FIX: Verhindert, dass die Box nach links ausbricht ======= */
.af-content .bt-hauptprodukt-box,
.af-content .bt-hauptprodukt-box.alignwide,
.af-content .bt-hauptprodukt-box.alignfull {
    width: 100% !important;
    max-width: 720px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
}
/* ============================================================
   AFFILIATE TOOLKIT: PREIS-INFO BOX (DER FINALE FIX)
   ============================================================ */

/* 1. Äußere Hülle: Wir killen den grauen Rahmen um das Dunkelblau */
.atkp-container.atkp-notavailable-box {
    border: none !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 35px 0 !important;
}

/* 2. Die eigentliche Box: Weißer Grund, grauer Rahmen */
.atkp-box.atkp-notavailabledefault {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    overflow: hidden !important; /* Wichtig für den bündigen Balken */
}

/* 3. Der Header-Balken: Nur EINMAL und ohne grauen Rand oben */
.atkp-box.atkp-notavailabledefault::before {
    content: "PREIS-INFORMATION" !important;
    display: block !important;
    background: #1e293b !important; /* Dein Dunkelblau */
    color: #ffffff !important;
    padding: 12px 20px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1.2px !important;
    text-align: left !important;
    border: none !important;
}

/* 4. Produktname: Mehr Luft zum Balken */
.atkp-box.atkp-notavailabledefault span[style*="font-weight:bold"] {
    display: block !important;
    padding: 40px 25px 10px 25px !important; /* 40px Abstand nach oben */
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #1e293b !important;
    background: transparent !important;
}

/* 5. Hinweistext: Graue Fläche entfernen */
.atkp-box.atkp-notavailabledefault .atkp-notavailable {
    background: transparent !important;
    border: none !important;
    padding: 0 25px 25px 25px !important;
    color: #64748b !important;
    font-size: 14px !important;
}

/* 6. Button: Dunkelblau, KEIN Orange, KEIN Glow */
.atkp-notavailablebutton {
    padding-bottom: 40px !important;
}

.atkp-notavailablebutton a {
    display: inline-flex !important;
    background: #1e293b !important; /* Gleiches Blau wie Balken */
    color: #ffffff !important;
    border: none !important; /* Killt den orangen Rahmen */
    outline: none !important; /* Killt den orangen Fokus */
    box-shadow: none !important; /* Killt den Glow */
    border-radius: 4px !important;
    padding: 12px 28px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    text-decoration: none !important;
    transition: background 0.2s !important;
}

.atkp-notavailablebutton a:hover {
    background: var(--accent-color) !important; /* BT-Blau */
    color: #ffffff !important;
}

/* ============================= RESPONSIVE 768px ============================= */
@media(max-width:768px){
.hero-section{padding-left:0;padding-right:0}
:root{--header-h-desktop:60px;--nav-h-desktop:48px;--section-spacing:40px;--card-gap:20px}
.grid-container{padding-left:20px;padding-right:20px}
.mag-hero-band-inner{padding:0 16px}
.mag-content-inner{padding:0 16px}
.wp-block-columns{grid-template-columns:1fr;gap:32px}
.hero-featured{margin-bottom:20px;min-height:340px}
.hero-small{min-height:200px}
.hero-title{font-size:24px}
.hero-title-small{font-size:15px}
.section-heading{font-size:var(--font-size-xl);margin-bottom:24px}
.news-cards{grid-template-columns:1fr;gap:var(--card-gap)}
.news-card{min-height:220px}
.news-list-simple .wp-block-group{flex-direction:column;align-items:flex-start;gap:8px;padding-left:0}
.simple-date{min-width:auto;font-size:var(--font-size-sm)}
.simple-title{font-size:var(--font-size-md)}
.trends-modern{grid-template-columns:repeat(2,1fr);gap:8px}
.trends-modern a{padding:8px 12px;font-size:var(--font-size-xs)}
.trends-modern a::after{display:none}
.tests-grid{grid-template-columns:1fr;gap:var(--card-gap)}
.filter-buttons{justify-content:center;gap:8px}
.filter-btn{font-size:12px;padding:8px 16px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}
.kaufempfehlungen-grid{grid-template-columns:1fr;gap:var(--card-gap)}
.kaufempfehlung-card{flex-direction:row}
.kaufempfehlung-card__media{width:140px;aspect-ratio:1/1}
.kaufempfehlung-card__content{padding:16px}
.kaufempfehlung-title{font-size:var(--font-size-md)}
.kaufempfehlung-excerpt{-webkit-line-clamp:3}
.wp-block-button__link{font-size:var(--font-size-sm);padding:14px 20px}
.bt-footer-clean{padding:40px 0 0 0}
.footer-content{gap:40px}
.footer-logo-img{max-width:160px}
.footer-links-grid{grid-template-columns:1fr;gap:32px}
.footer-bottom{flex-direction:column;gap:20px;text-align:center}
.footer-socials-clean{justify-content:center}
.af-content-wrapper{display:block;padding-left:20px;padding-right:20px}
.af-content{display:block}
.af-content img,.af-content figure,.af-content .wp-block-image,.af-content .wp-block-gallery{max-width:100%;height:auto;margin-left:auto;margin-right:auto}
.af-content .alignwide,.af-content .alignfull{width:100%;max-width:100%;margin-left:auto;margin-right:auto;transform:none}
footer.entry-meta{margin-top:40px;padding-bottom:25px;gap:14px}
.cat-links,.tags-links{padding:12px 0}
.cat-links::before,.tags-links::before{width:60px}
.cat-links a,.tags-links a{padding:5px 10px;font-size:10px}
.bt-post-nav-wrapper{grid-template-columns:1fr;gap:20px;margin-top:40px}
.bt-nav-link{min-height:130px}
.bt-nav-img{width:130px;height:130px;background:#e5e7eb;overflow:hidden;flex-shrink:0}
.bt-nav-img img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.bt-nav-link:hover .bt-nav-img img{transform:scale(1.1)}
.bt-nav-text{padding:18px 20px}
.bt-nav-label{font-size:10px;letter-spacing:1.3px;margin-bottom:8px}
.bt-nav-title{font-size:15px;line-height:1.45;font-weight:700;-webkit-line-clamp:3}
.bt-nav-link.next{flex-direction:row;text-align:left}
.bt-nav-link.next .bt-nav-img{border-right:1px solid #eee;border-left:none}
.bt-nav-link:hover{transform:translateY(-2px);box-shadow:0 8px 16px rgba(0,0,0,.06)}
.entry-content table{display:table;width:100%;max-width:100%;table-layout:fixed;margin:20px 0;font-size:14px;line-height:1.55;overflow:visible}
.entry-content table thead th{padding:10px 8px;font-size:12px;letter-spacing:.6px;white-space:normal;overflow-wrap:anywhere;word-break:break-word}
.entry-content table tbody td{padding:10px 8px;font-size:14px;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.55}
.entry-content table tbody td:first-child{width:40%}
.entry-content table tbody td:last-child{width:60%}
.bt-related-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:180px;
    gap:10px;
}

.bt-related-card{
    grid-column:auto !important;
    grid-row:auto !important;
    min-width:0;
}

.bt-related-card:nth-child(1){
    grid-column:1 / -1 !important;
}

.bt-related-card:nth-child(2),
.bt-related-card:nth-child(3){
    grid-column:span 1 !important;
}

.bt-related-card:nth-child(4),
.bt-related-card:nth-child(5){
    grid-column:1 / -1 !important;
}

.bt-related-overlay{padding:14px}
.bt-related-title{font-size:17px}
.bt-hauptprodukt-box .atkp-detailoffers-box::before,.atkp-detailoffers-box.atkp-template-268065::before{font-size:12px;padding:10px 16px}
	
.wp-container-core-post-template-is-layout-bf2228b3 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
	
}

/* ============================= RESPONSIVE 600px ============================= */
@media(max-width:600px){
.mag-hero-band{background:linear-gradient(to bottom,var(--accent-color) 0,var(--accent-color) 150px,#fff 150px,#fff 100%)}
.mag-hero-secondary{flex-direction:column}
.mag-stream-link{flex-direction:column}
.mag-stream-thumb{width:100%;height:180px}

.wp-container-core-post-template-is-layout-bf2228b3 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}	
	
}

/* ============================= RESPONSIVE 480px ============================= */
@media(max-width:480px){
:root{--section-spacing:30px}
.grid-container{padding-left:16px;padding-right:16px}
.af-content-wrapper{padding-left:16px;padding-right:16px}
.hero-featured{min-height:300px;padding:30px 20px}
.hero-small{min-height:180px;padding:16px}
.hero-title{font-size:var(--font-size-xl)}
.hero-cat,.hero-cat-small{padding:6px 12px;font-size:9px}
.section-heading{font-size:var(--font-size-lg);margin-bottom:20px}
.news-card{min-height:200px;padding:20px}
.news-card-title{font-size:15px}
.test-card__media{margin-bottom:10px}
.test-title{font-size:var(--font-size-md)}
.filter-btn{font-size:var(--font-size-xs);padding:8px 14px}
.kaufempfehlung-card__media{width:120px}
.kaufempfehlung-card__content{padding:14px}
.kaufempfehlung-title{font-size:15px;margin-bottom:6px}
.kaufempfehlung-excerpt{font-size:12px;line-height:1.4}
.kaufempfehlung-date{font-size:var(--font-size-xs);margin-top:8px}
.footer-desc{font-size:var(--font-size-sm);line-height:1.6}
.footer-links-col a{font-size:var(--font-size-sm)}
.footer-socials-clean a{width:40px;height:40px}
.footer-socials-clean svg{width:16px;height:16px}
.footer-copy{font-size:12px}
.footer-links-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.bt-nav-img{width:110px;height:110px}
.bt-nav-text{padding:15px 16px}
.bt-nav-title{font-size:14px}
.bt-related-wrapper{margin-top:60px}
.bt-related-heading{font-size:20px;margin-bottom:18px}
.bt-related-title{font-size:16px}
	
.wp-container-core-post-template-is-layout-bf2228b3 {
    grid-template-columns: repeat(1, minmax(0, 1fr)) !important;
}
	
}

/* ============================================================
   GALERIEN: MOBILE SWIPE-CAROUSEL (Sauber & Sicher)
   ============================================================ */
@media (max-width: 768px) {
    /* 1. Die Galerie wischbar machen */
    .entry-content .wp-block-gallery,
    .entry-content .wp-block-gallery.has-nested-images,
    .entry-content .gallery {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: flex-start !important; /* Alles bleibt oben bündig, keine Treppe! */
        overflow-x: auto !important;
        overflow-y: hidden !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 16px !important;
        padding-bottom: 20px !important; /* Platz für die Scrollbar */
        grid-template-columns: none !important;
        
        /* 2. Die Scrollbar als visueller Hinweis (Pfeil-Ersatz) */
        scrollbar-width: thin !important; /* Firefox */
        scrollbar-color: var(--accent-color) #e5e7eb !important;
    }
    
    /* Schickes Scrollbar-Design für Chrome/Safari/iOS */
    .entry-content .wp-block-gallery::-webkit-scrollbar,
    .entry-content .gallery::-webkit-scrollbar {
        display: block !important;
        height: 4px !important;
    }
    .entry-content .wp-block-gallery::-webkit-scrollbar-track,
    .entry-content .gallery::-webkit-scrollbar-track {
        background: #e5e7eb !important;
        border-radius: 4px !important;
    }
    .entry-content .wp-block-gallery::-webkit-scrollbar-thumb,
    .entry-content .gallery::-webkit-scrollbar-thumb {
        background: var(--accent-color) !important;
        border-radius: 4px !important;
    }

    /* 3. Die einzelnen Bilder-Container */
    .entry-content .wp-block-gallery .wp-block-image,
    .entry-content .wp-block-gallery figure.wp-block-image,
    .entry-content .gallery .gallery-item {
        flex: 0 0 85% !important; 
        width: 85% !important;
        max-width: 85% !important;
        scroll-snap-align: center !important;
        margin: 0 !important;
        float: none !important;
    }

    /* 4. Bilder ORIGINAL lassen (kein Abschneiden, kein Quetschen) */
    .entry-content .wp-block-gallery .wp-block-image img,
    .entry-content .wp-block-gallery figure.wp-block-image img,
    .entry-content .gallery .gallery-item img {
        width: 100% !important;
        height: auto !important; /* Original-Proportionen bleiben! */
        max-height: 60vh !important; /* Sicherheitssperre, damit extreme Hochkant-Bilder nicht unendlich lang werden */
        object-fit: contain !important; /* Zeigt IMMER das ganze Bild */
        border-radius: 4px !important;
    }

    /* WordPress Stör-Elemente killen */
    .entry-content .gallery br {
        display: none !important;
    }
}

/* ============================= TRENDS ARCHIVE ============================= */
.mag-tag-filter .sidebar-tags{display:flex;flex-wrap:wrap;gap:8px}
.mag-tag-filter .sidebar-tag{display:inline-block;padding:8px 14px;background:#f5f5f5;color:#333;font-size:.75rem;font-weight:600;text-decoration:none;border:1px solid #e5e5e5;cursor:pointer;transition:all .2s ease}
.mag-tag-filter .sidebar-tag:hover{border-color:var(--accent-color);color:var(--accent-color);transform:translateY(-1px)}
.mag-tag-filter .sidebar-tag.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}
.mag-tag-filter .mag-tag-hint{font-size:.8rem;color:#888;margin:0 0 14px}


/* ============================= VIDEO GRID (INLINE PLAY) ============================= */

.bt-youtube-grid.bt-clean-tech{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;margin-bottom:var(--section-spacing,60px)}
.bt-yt-card{background:#fff;border:var(--border-width,3px) solid transparent;transition:all .3s ease;border-radius:var(--border-radius,0px);overflow:hidden;position:relative;box-shadow:0 4px 6px rgba(0,0,0,.05);display:flex;flex-direction:column}
.bt-yt-card:hover{border-color:var(--accent-color,#1f75bf);transform:translateY(-5px);box-shadow:0 12px 24px rgba(0,0,0,.1)}
.bt-yt-player-wrapper{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;cursor:pointer}
.bt-yt-thumb-img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.25,.46,.45,.94);opacity:.9}
.bt-yt-player-wrapper:hover .bt-yt-thumb-img{transform:scale(1.08);opacity:1}
.bt-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);width:54px;height:54px;background:rgba(0,0,0,.6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;border:2px solid rgba(255,255,255,.8);transition:all .3s ease;backdrop-filter:blur(2px);z-index:2;pointer-events:none}
.bt-yt-player-wrapper:hover .bt-play-icon{background:var(--accent-color,#1f75bf);border-color:var(--accent-color,#1f75bf);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 20px rgba(31,117,191,.5)}
.bt-yt-content{padding:16px;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}
.bt-yt-title{margin:0 0 12px 0;font-size:15px;line-height:1.4;font-weight:700}
.bt-yt-title a{color:var(--global-color-2,#222);text-decoration:none;transition:color .2s;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.bt-yt-title a:hover{color:var(--accent-color,#1f75bf)}
.bt-yt-watch-link{font-size:12px;font-weight:700;text-transform:uppercase;color:#888;text-decoration:none;display:inline-flex;align-items:center;transition:color .2s;margin-top:auto}
.bt-yt-watch-link:hover{color:var(--accent-color,#1f75bf)}
@media (max-width:480px){.bt-youtube-grid.bt-clean-tech{grid-template-columns:1fr}}

/* ============================= TRENDS TAG CLOUD (Startseite) ============================= */
.trends-modern{display:flex;flex-wrap:wrap;gap:8px}
.trends-modern a{display:inline-block;padding:8px 14px;background:#f5f5f5;color:#333;font-size:.75rem!important;font-weight:600;text-decoration:none;border:1px solid #e5e5e5;cursor:pointer;transition:all .2s ease}
.wp-block-tag-cloud a{display:inline-block;margin-right:0}

/* =============== UMFRAGEN – HERO ============= */
.umfragen-hero{background:linear-gradient(135deg,#1d1d1d 0%,#0d0d0d 60%,#1a1a1a 100%);position:relative;overflow:hidden}
.umfragen-hero::before{content:'';position:absolute;top:-10%;right:-10%;width:75%;height:120%;background:radial-gradient(ellipse at right,rgba(6,105,255,.22) 0%,rgba(6,105,255,.12) 35%,transparent 72%);pointer-events:none}
.umfragen-hero-inner{max-width:1200px;margin:0 auto;min-height:240px;display:flex;align-items:center;justify-content:space-between;position:relative;padding:0;box-sizing:border-box}
.umfragen-hero-content{flex:1;padding:40px;position:relative;z-index:2;box-sizing:border-box}
.umfragen-hero-badge{display:inline-block;background:var(--accent-color);color:#fff;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:6px 12px;margin:0 0 16px;line-height:1}
.umfragen-hero-title{color:#fff;font-size:clamp(2rem,5vw,3rem);font-weight:800;margin:0 0 12px;line-height:1.1;letter-spacing:-0.02em}
.umfragen-hero-sub{color:rgba(255,255,255,.65);margin:0;max-width:520px;font-size:1.05rem;line-height:1.45}
.umfragen-hero-graphic{flex:0 0 300px;height:240px;display:flex;align-items:center;justify-content:center;position:relative}
.umfragen-hero-icon{width:120px;height:120px;color:rgba(255,255,255,.25);filter:drop-shadow(0 0 30px rgba(var(--accent-color-rgb),.25))}

/* ===================== MOBILE ======================= */
@media (max-width: 900px){.umfragen-hero-inner{flex-direction:column;min-height:auto}.umfragen-hero-content{padding:32px 24px;text-align:center}.umfragen-hero-sub{max-width:560px;margin-left:auto;margin-right:auto}.umfragen-hero-graphic{flex:none;height:150px;width:100%}.umfragen-hero-icon{width:90px;height:90px}}

/* ============================= BOX SHORTCODE ============================= */
.bt-box{position:relative;margin:32px 0;padding:44px 28px 28px;background:#f8f9fa}
.bt-box::before{content:attr(data-label);position:absolute;top:0;left:0;padding:8px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff}
.bt-box-icon{display:none}
.bt-box-content{font-size:15px;line-height:1.7;color:#222}
.bt-box-content p:first-child{margin-top:0}
.bt-box-content p:last-child{margin-bottom:0}
.bt-box strong{font-weight:700;font-size:16px}

/* Info - Blau */
.bt-box-info::before{background:var(--accent-color)}
.bt-box-info strong{color:var(--accent-color)}

/* Warning - Orange */
.bt-box-warning::before{background:#f59e0b}
.bt-box-warning strong{color:#d97706}

/* Error - Rot */
.bt-box-error::before{background:#ef4444}
.bt-box-error strong{color:#dc2626}

/* Success - Grün */
.bt-box-success::before{background:#22c55e}
.bt-box-success strong{color:#16a34a}

/* ============================= INDEX / BLOG ============================= */
.bt-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.bt-post-card{background:#fff;border:2px solid transparent;transition:all .3s;overflow:hidden}
.bt-post-card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}
.bt-post-card-link{display:block;text-decoration:none;color:inherit}
.bt-post-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f5f5f5}
.bt-post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bt-post-card:hover .bt-post-card-image img{transform:scale(1.05)}
.bt-post-card-cat{position:absolute;top:0;left:0;background:var(--accent-color);color:#fff;padding:6px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.bt-post-card-content{padding:20px}
.bt-post-card-title{font-size:17px;font-weight:700;line-height:1.35;margin:0 0 10px;color:var(--dark-bg);transition:color .2s}
.bt-post-card:hover .bt-post-card-title{color:var(--accent-color)}
.bt-post-card-excerpt{font-size:14px;color:var(--light-text);line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bt-post-card-date{font-size:12px;color:#999}

@media(max-width:768px){.bt-posts-grid{grid-template-columns:1fr}}

/* Posts Grid */
.bt-posts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.bt-post-card{background:#fff;border:2px solid transparent;transition:all .3s;overflow:hidden}
.bt-post-card:hover{border-color:var(--accent-color);transform:translateY(-4px);box-shadow:0 12px 24px rgba(0,0,0,.08)}
.bt-post-card-link{display:block;text-decoration:none;color:inherit}
.bt-post-card-image{position:relative;aspect-ratio:16/9;overflow:hidden;background:#f5f5f5}
.bt-post-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.bt-post-card:hover .bt-post-card-image img{transform:scale(1.05)}
.bt-post-card-cat{position:absolute;top:0;left:0;background:var(--accent-color);color:#fff;padding:6px 14px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px}
.bt-post-card-content{padding:20px}
.bt-post-card-title{font-size:17px;font-weight:700;line-height:1.35;margin:0 0 10px;color:var(--dark-bg);transition:color .2s}
.bt-post-card:hover .bt-post-card-title{color:var(--accent-color)}
.bt-post-card-excerpt{font-size:14px;color:var(--light-text);line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bt-post-card-meta{display:flex;gap:16px;font-size:12px;color:#999}
.bt-post-card-date,.bt-post-card-author{display:flex;align-items:center;gap:4px}

/* Pagination */
.bt-pagination{margin-top:40px;padding-top:30px;border-top:1px solid var(--border-color)}
.bt-pagination .nav-links{display:flex;justify-content:center;gap:8px}
.bt-pagination a,.bt-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 16px;background:#fff;border:1px solid var(--border-color);font-size:14px;font-weight:600;color:var(--dark-bg);text-decoration:none;transition:all .2s}
.bt-pagination a:hover{border-color:var(--accent-color);color:var(--accent-color)}
.bt-pagination .current{background:var(--accent-color);border-color:var(--accent-color);color:#fff}

/* No Results */
.bt-no-results{text-align:center;padding:60px 40px;background:#f8f9fa}
.bt-no-results h2{margin:0 0 12px;font-size:24px;font-weight:800}
.bt-no-results p{color:var(--light-text);margin:0 0 24px}

/* Responsive */
@media(max-width:1000px){.bt-index-layout{grid-template-columns:1fr}.bt-index-sidebar{position:static;margin-top:40px;padding-top:40px;border-top:1px solid var(--border-color)}}
@media(max-width:768px){.bt-index-hero-inner{padding:40px 24px}.bt-posts-grid{grid-template-columns:1fr}}

/* ============================= Shortcodes Ersatzstyling ============================= */

/*Jannah Button*/
.bt-shortcode-btn-wrap{
  margin: 24px 0;
}

.bt-shortcode-btn-wrap--center{
  text-align: center;
}

/* Basis */
.bt-shortcode-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;

  gap: 10px;
  text-decoration:none !important;

  font-family: system-ui,-apple-system,sans-serif;
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 1px;

  padding: 12px 28px;
  border-radius: var(--border-radius, 0);

  border: 2px solid transparent;
  cursor: pointer;

  transition: all var(--transition-base, .3s ease);
  will-change: transform;
}

/* Fokus */
.bt-shortcode-btn:focus,
.bt-shortcode-btn:focus-visible{
  outline: none;
  box-shadow: 0 0 0 4px rgba(var(--accent-color-rgb, 31,117,191), .25);
}

/* Primary */
.bt-shortcode-btn--primary{
  background: var(--accent-color);
  color: #fff;
  border-color: var(--accent-color);
}

.bt-shortcode-btn--primary:hover{
  background: var(--accent-hover);
  border-color: var(--accent-hover);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
}

/* Secondary */
.bt-shortcode-btn--secondary{
  background: transparent;
  color: var(--dark-bg);
  border-color: var(--border-color);
}

.bt-shortcode-btn--secondary:hover{
  border-color: var(--accent-color);
  color: var(--accent-color);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

/* Gray */
.bt-shortcode-btn--gray{
  background: #f5f5f5;
  color: #333;
  border-color: #e5e5e5;
}

.bt-shortcode-btn--gray:hover{
  border-color: var(--accent-color);
  color: var(--accent-color);
  transform: translateY(-2px);
  box-shadow: var(--shadow-sm);
}

/* Größen */
.bt-shortcode-btn--small{
  padding: 10px 18px;
  font-size: 12px;
}

.bt-shortcode-btn--normal{
  padding: 12px 28px;
  font-size: 13px;
}

.bt-shortcode-btn--big{
  padding: 14px 34px;
  font-size: 13px;
}

/* Optional: FW für Mobile */
.bt-shortcode-btn--block{
  width: 100%;
}

/* Mobile: Buttons größer*/
@media (max-width: 768px){
  .bt-shortcode-btn{
    min-height: 48px;
  }
}

.bt-shortcode-btn,
.bt-shortcode-btn:visited,
.bt-shortcode-btn:hover,
.bt-shortcode-btn:focus,
.bt-shortcode-btn:active{
  text-decoration: none !important;
}

/* Primary: weißer Text */
.bt-shortcode-btn--primary,
.bt-shortcode-btn--primary:visited,
.bt-shortcode-btn--primary:hover,
.bt-shortcode-btn--primary:focus,
.bt-shortcode-btn--primary:active{
  color:#fff !important;
}

/* Secondary: immer dunkel */
.bt-shortcode-btn--secondary,
.bt-shortcode-btn--secondary:visited,
.bt-shortcode-btn--secondary:hover,
.bt-shortcode-btn--secondary:focus,
.bt-shortcode-btn--secondary:active{
  color: var(--dark-bg) !important;
}

/* Gray */
.bt-shortcode-btn--gray,
.bt-shortcode-btn--gray:visited,
.bt-shortcode-btn--gray:hover,
.bt-shortcode-btn--gray:focus,
.bt-shortcode-btn--gray:active{
  color:#333 !important;
}

.bt-shortcode-btn{
  -webkit-tap-highlight-color: transparent;
}

/* ============================= TABS (Shortcode Ersatz) ============================= */

.bt-shortcode-tabs{
  margin: 32px 0;
  background: #fff;
  border: 1px solid var(--border-color);
}

/* NAV: Grid statt Flex -> sauberer Umbruch */
.bt-shortcode-tab-nav{
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 0;
  border-bottom: 1px solid var(--border-color);
  background: #f7f7f7;
}

/* Buttons: gleich hoch, kein wildes Padding */
.bt-shortcode-tab-btn{
  appearance:none;
  border: 0;
  background: transparent;
  cursor:pointer;

  padding: 14px 16px;
  min-height: 48px;

  font-family: system-ui,-apple-system,sans-serif;
  font-weight: 800;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 1px;

  color: #555;
  border-right: 1px solid var(--border-color);
  border-bottom: 1px solid var(--border-color);

  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;

  transition: background .15s ease, color .15s ease;
}

/* Letzte Spalte ohne doppelte Border */
.bt-shortcode-tab-btn:nth-child(n){
  border-right: 1px solid var(--border-color);
}

.bt-shortcode-tab-btn:hover{
  background: #fff;
  color: var(--accent-color);
}

.bt-shortcode-tab-btn.is-active{
  background: var(--accent-color);
  color: #fff;
}

/* Content */
.bt-shortcode-tab-content{
  padding: 22px 22px;
}

.bt-shortcode-tab-pane{
  display:none;
}
.bt-shortcode-tab-pane.is-active{
  display:block;
}

/* Desktop */
@media (min-width: 1281px){
  .bt-shortcode-tab-nav{
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}

/* Tablet */
@media (max-width: 980px){
  .bt-shortcode-tab-nav{
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  }
  .bt-shortcode-tab-btn{
    font-size: 10px;
    padding: 12px 12px;
  }
}

/* Mobile */
@media (max-width: 600px){
  .bt-shortcode-tab-nav{
    display:flex;
    overflow-x:auto;
    border-bottom: 1px solid var(--border-color);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  .bt-shortcode-tab-btn{
    flex: 0 0 auto;
    min-width: 200px;
    border-bottom: 0;
  }
}

/* Kategoriebeschreibungen */
.mag-archive-hero-header p,
.mag-archive-hero-header p a {
    color: #e8e8e8;
}

/*LIGHTBOX*/
:root {
  --bt-lightbox-header-offset: 64px;
  --bt-scrollbar-gap: 0px;
  --bt-lightbox-edge: 18px;
}

#masthead.site-header,
#mobile-header,
#site-navigation {
  z-index: 100001 !important;
}

.bt-lightbox-overlay {
  position: fixed;
  inset: var(--bt-lightbox-header-offset) 0 0 0;
  z-index: 99990 !important;
  background: rgba(0,0,0,.92);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity .18s ease, visibility .18s ease;
}

.bt-lightbox-overlay.is-visible {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.bt-lightbox-topbar {
  position: absolute;
  top: 18px;
  left: var(--bt-lightbox-edge);
  right: calc(var(--bt-lightbox-edge) + var(--bt-scrollbar-gap));
  z-index: 3;
  display: flex;
  align-items: center;
  justify-content: space-between;
  pointer-events: none;
}

.bt-lightbox-counter {
  pointer-events: auto;
  color: #fff;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}

.bt-lightbox-close {
  pointer-events: auto;
  width: 46px;
  height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.28);
  background: rgba(0,0,0,.45);
  color: #fff;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}

.bt-lightbox-close:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.4);
}

.bt-lightbox-close svg {
  width: 20px;
  height: 20px;
  display: block;
}

.bt-lightbox-close svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.bt-lightbox-inner {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 76px 90px 28px;
}

.bt-lightbox-image {
  display: block;
  width: auto;
  height: auto;
  max-width: min(1600px, calc(100vw - 180px));
  max-height: calc(100dvh - var(--bt-lightbox-header-offset) - 140px);
  object-fit: contain;
  opacity: 0;
  transition: opacity .18s ease;
}

.bt-lightbox-image.is-visible {
  opacity: 1;
}

.bt-lightbox-caption {
  margin: 14px 0 0;
  max-width: min(1000px, calc(100vw - 80px));
  color: #fff;
  font-size: 14px;
  line-height: 1.45;
  text-align: center;
}

.bt-lightbox-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
  width: 52px;
  height: 52px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid rgba(255,255,255,.25);
  background: rgba(0,0,0,.45);
  color: #fff;
  cursor: pointer;
  transition: background .18s ease, border-color .18s ease;
}

.bt-lightbox-nav:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.4);
}

.bt-lightbox-prev {
  left: var(--bt-lightbox-edge);
}

.bt-lightbox-next {
  right: calc(var(--bt-lightbox-edge) + var(--bt-scrollbar-gap));
}

.bt-lightbox-nav svg {
  width: 22px;
  height: 22px;
  display: block;
}

.bt-lightbox-nav svg path {
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

@media (max-width: 1280px) {
  :root {
    --bt-lightbox-header-offset: var(--bt-mobile-header-h);
    --bt-lightbox-edge: 12px;
  }

  .bt-lightbox-inner {
    padding: 64px 18px 22px;
  }

  .bt-lightbox-image {
    max-width: calc(100vw - 36px);
    max-height: calc(100dvh - var(--bt-lightbox-header-offset) - 110px);
  }

  .bt-lightbox-topbar {
    top: 12px;
  }

  .bt-lightbox-nav {
    width: 44px;
    height: 44px;
  }

  .bt-lightbox-caption {
    font-size: 13px;
    max-width: calc(100vw - 28px);
  }
}
/* ============================= LIGHTBOX SCROLL FIX ============================= */
/* 1. Sperrt das Scrollen komplett */
html.bt-lightbox-open,
body.bt-lightbox-open {
    overflow: hidden !important;
}

/* ============================= LIGHTBOX SCROLL FIX ============================= */

/* Scrollen sperren */
html.bt-lightbox-open,
body.bt-lightbox-open {
    overflow: hidden !important;
}

/* Header im Lightbox-Modus fixieren */
body.bt-lightbox-open .site-header,
body.bt-lightbox-open #mobile-header {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}

/* Scrollbar-Ausgleich nur auf Desktop */
@media (min-width: 1281px) {
    body.bt-lightbox-open {
        padding-right: var(--bt-scrollbar-gap) !important;
    }

    body.bt-lightbox-open .site-header,
    body.bt-lightbox-open #mobile-header {
        padding-right: var(--bt-scrollbar-gap) !important;
    }
}

/* Mobil kein rechter Ausgleich */
@media (max-width: 1280px) {
    body.bt-lightbox-open {
        padding-right: 0 !important;
    }

    /* body.bt-lightbox-open .site-header,
   body.bt-lightbox-open #mobile-header {
        padding-right: 0 !important;
    } */
}

/* 4. Verhindert vertikales "Zappeln" beim Wechsel von sticky zu fixed!
      Wir füllen das Loch auf, das der Header im Layout hinterlässt. */
@media (min-width: 1281px) {
    body.bt-lightbox-open {
        padding-top: 64px !important; /* Höhe des Desktop-Headers */
    }
}
@media (max-width: 1280px) {
    body.bt-lightbox-open {
        padding-top: var(--bt-mobile-header-h) !important; /* Höhe des Mobile-Headers */
    }
}
/* =========================================================
   NEWS / YOUTUBE ROW
   ========================================================= */

.bt-home-news-row {
  align-items: start;
}

.bt-home-newslist-query {
  margin-top: 20px;
}

.bt-home-newslist-item {
  gap: 16px;
}

.bt-home-newslist-item:first-child {
  border-top: none !important;
  padding-top: 0 !important;
}

.bt-home-newslist-item .simple-date {
  min-width: 104px;
  flex-shrink: 0;
}

.bt-home-newslist-item .simple-title {
  flex: 1;
}

.bt-home-newslist-item .simple-title a {
  color: var(--dark-bg);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.bt-home-newslist-item .simple-title a:hover {
  color: var(--accent-color);
}

/* News-Button */
.bt-home-newslist-query .wp-block-buttons {
  margin-top: 28px !important;
}

/* =========================================================
   YOUTUBE SIDEBAR – cleaner, weniger eingerückt
   ========================================================= */

.bt-home-youtube-side {
  position: relative;
  margin-top: 20px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.08);
  isolation: isolate;
  overflow: hidden;
  box-shadow: 0 10px 28px rgba(0,0,0,.12);
  background: linear-gradient(180deg, #131313 0%, #101827 46%, #0d2e5f 100%);
}

/* Rahmen innen */
.bt-home-youtube-side::after {
  content: "";
  position: absolute;
  inset: 10px;
  border: 1px solid rgba(255,255,255,.05);
  pointer-events: none;
}

/* YouTube-Grid 1 Spalte */
.bt-home-youtube-side .bt-youtube-grid.bt-clean-tech {
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  margin: 0 !important;
}

/* weniger Kasten-im-Kasten */
.bt-home-youtube-side .bt-yt-card {
  background: rgba(255,255,255,.04) !important;
  border: 2px solid transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.bt-home-youtube-side .bt-yt-card:hover {
  border-color: var(--accent-color) !important;
  box-shadow: 0 8px 20px rgba(0,0,0,.18) !important;
}

.bt-home-youtube-side .bt-yt-player-wrapper {
  margin: 0;
}

.bt-home-youtube-side .bt-yt-content {
  padding: 12px 12px 14px !important;
}

.bt-home-youtube-side .bt-yt-title {
  margin: 0 0 8px !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
}

.bt-home-youtube-side .bt-yt-title a {
  color: #fff !important;
}

.bt-home-youtube-side .bt-yt-title a:hover {
  color: #d9e7ff !important;
}

.bt-home-youtube-side .bt-yt-watch-link {
  color: rgba(255,255,255,.72) !important;
}

.bt-home-youtube-side .bt-yt-watch-link:hover {
  color: #fff !important;
}

.bt-home-youtube-side .bt-play-icon {
  width: 54px;
  height: 54px;
}

/* =========================================================
   TEST CATEGORY LINKS
   ========================================================= */

.bt-test-category-links {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.bt-test-category-links a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 9px 12px;
  background: #f5f5f5;
  border: 1px solid #e5e5e5;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase;
  letter-spacing: .04em;
  color: #333;
  text-decoration: none;
  transition: all .2s ease;
}

.bt-test-category-links a:hover {
  border-color: var(--accent-color);
  color: var(--accent-color);
  transform: translateY(-1px);
}

/* =========================================================
   LATEST TEST GRID
   ========================================================= */

.bt-home-test-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}

.bt-home-test-card {
  background: #fff;
  border: var(--border-width) solid transparent;
  transition: all .3s;
  overflow: hidden;
}

.bt-home-test-card:hover {
  border-color: var(--accent-color);
  transform: translateY(-3px);
  box-shadow: var(--shadow-md);
}

.bt-home-test-card-thumb {
  margin-bottom: 10px;
  overflow: hidden;
}

.bt-home-test-card-thumb img {
  width: 100%;
  height: 210px;
  object-fit: cover;
  display: block;
  transition: transform .35s ease;
}

.bt-home-test-card:hover .bt-home-test-card-thumb img {
  transform: scale(1.04);
}

.bt-home-test-card-cat {
  display: block;
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: var(--accent-color);
}

.bt-home-test-card-cat a {
  color: inherit;
  text-decoration: none;
}

.bt-home-test-card-title {
  margin-top: 6px !important;
  margin-bottom: 8px !important;
}

.bt-home-test-card-title a {
  color: var(--dark-bg);
  text-decoration: none;
  transition: color var(--transition-fast);
}

.bt-home-test-card-title a:hover {
  color: var(--accent-color);
}

.bt-home-test-card-excerpt {
  margin: 0 0 8px;
  font-size: 14px;
  line-height: 1.55;
  color: var(--light-text);
}

.bt-home-test-card-date {
  color: #777;
  font-weight: 500;
}

/* Button unter Tests näher ran */
.bt-home-test-grid-query + .wp-block-buttons,
.bt-home-test-grid-query ~ .wp-block-buttons {
  margin-top: 30px !important;
}

/* =========================================================
   FILTER / MARKENTESTS
   ========================================================= */

.brand-filter-bar {
  margin-bottom: 26px !important;
}

.filter-buttons {
  gap: 10px;
}

.filter-btn {
  padding: 9px 14px;
  font-size: 11px;
  min-height: 0;
}

/* =========================================================
   MARKEN IM TEST
   ========================================================= */

.bt-brands-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 26px 30px;
  margin-top: 28px;
}

.bt-brand-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 210px;
  padding: 28px 18px;
  background: #fff;
  border: var(--border-width) solid transparent;
  text-decoration: none;
  transition: border-color var(--transition-base), transform var(--transition-base), box-shadow var(--transition-base), background var(--transition-base);
}

.bt-brand-card:hover {
  border-color: var(--accent-color);
  transform: translateY(-2px);
  box-shadow: var(--shadow-md);
  background: #fcfcfc;
}

.bt-brand-card__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 110px;
  margin-bottom: 18px;
}

.bt-brand-card__logo img {
  display: block;
  max-width: 240px;
  max-height: 90px;
  width: auto;
  height: auto;
  object-fit: contain;
}

.bt-brand-card__name {
  display: block;
  font-size: 13px;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: .05em;
  text-transform: uppercase;
  color: #2a2a2a;
  text-align: center;
}

.bt-brand-card:hover .bt-brand-card__name {
  color: var(--accent-color);
}

@media (max-width: 1100px) {
  .bt-brands-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }

  .bt-brand-card {
    min-height: 190px;
  }

  .bt-brand-card__logo {
    min-height: 96px;
  }

  .bt-brand-card__logo img {
    max-width: 210px;
    max-height: 76px;
  }
}

@media (max-width: 768px) {
  .bt-brands-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 18px;
  }

  .bt-brand-card {
    min-height: 150px;
    padding: 18px 12px;
  }

  .bt-brand-card__logo {
    min-height: 72px;
    margin-bottom: 12px;
  }

  .bt-brand-card__logo img {
    max-width: 160px;
    max-height: 56px;
  }
}

/* =========================================================
   KAUFEMPFEHLUNGEN
   ========================================================= */

.kaufempfehlung-badge {
  display: none !important;
}

/* =========================================================
   RESPONSIVE
   ========================================================= */

@media (max-width: 1100px) {
  .bt-home-test-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .bt-brands-grid {
    grid-template-columns: repeat(3, minmax(0,1fr));
  }
}

@media (max-width: 900px) {
  .bt-home-news-row {
    display: block !important;
  }

  .bt-home-news-row > .wp-block-column {
    width: 100% !important;
    flex-basis: 100% !important;
  }

  .bt-home-news-row > .wp-block-column:first-child {
    margin-bottom: 40px;
  }

  .bt-home-youtube-side {
    margin-top: 18px;
  }
}

@media (max-width: 768px) {
  .bt-home-test-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .bt-brands-grid {
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 12px;
  }

  .bt-brand-card {
    min-height: 92px;
    padding: 12px 10px;
  }

  .bt-brand-card__logo img {
    max-width: 116px;
    max-height: 28px;
  }
}

.main-navigation .main-nav > ul > li.current-menu-item > a,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a,
.main-navigation .main-nav > ul > li.current_page_item > a {
    background: #111 !important;
    color: #fff !important;
    border-bottom: 3px solid var(--accent-color) !important;
}

.main-navigation .main-nav > ul > li.current-menu-item > a:hover,
.main-navigation .main-nav > ul > li.current-menu-ancestor > a:hover,
.main-navigation .main-nav > ul > li.current_page_item > a:hover {
    background: #111 !important;
    color: #fff !important;
}

/* ============================= DESKTOP SUBMENU AKTIV ============================= */
.main-navigation ul ul li.current-menu-item > a,
.main-navigation ul ul li.current-menu-ancestor > a,
.main-navigation ul ul li.current_page_item > a,
.main-navigation ul ul li.current-page-ancestor > a {
    background: #161616 !important;
    color: #fff !important;
    border-left: 3px solid var(--accent-color) !important;
    padding-left: 12px !important;
}

/* Hover im Submenu */
.main-navigation ul ul li:hover > a,
.main-navigation ul ul li.sfHover > a {
    background: #1c1c1c !important;
    color: #fff !important;
    border-left: 3px solid var(--accent-color) !important;
    padding-left: 12px !important;
}

/* FIXES */
.af-content blockquote{margin:2em 0;padding:24px 28px;background:#f8fafc;border-left:4px solid var(--accent-color);font-size:17px;line-height:1.7;font-style:italic;color:#444}
.af-content blockquote p{margin:0}
.af-content blockquote cite{display:block;margin-top:12px;font-size:14px;font-style:normal;font-weight:700;color:var(--accent-color)}

.bt-internal-link{display:block;position:relative;margin:32px 0;height:280px;border:3px solid transparent;text-decoration:none;transition:border-color .3s;overflow:hidden}
.bt-internal-link:hover{border-color:var(--accent-color)}
.bt-internal-link-image{position:absolute;inset:0}
.bt-internal-link-thumb{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.bt-internal-link:hover .bt-internal-link-thumb{transform:scale(1.03)}
.bt-internal-link::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 30%,rgba(0,0,0,.85) 100%);pointer-events:none}
.bt-internal-link-content{position:absolute;bottom:0;left:0;right:0;padding:24px;z-index:2;display:flex;flex-direction:column;gap:8px}
.bt-internal-link-label{position:absolute;top:0;left:0;background:var(--accent-color);color:#fff;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:10px 16px;z-index:3}
.bt-internal-link-text{font-size:20px;font-weight:800;color:#fff;line-height:1.3;text-shadow:0 2px 8px rgba(0,0,0,.3)}
.bt-internal-link:hover .bt-internal-link-text{color:var(--accent-color)}
.bt-internal-link-excerpt{font-size:14px;color:rgba(255,255,255,.85);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bt-internal-link-cta{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff;background:var(--accent-color);padding:10px 16px;margin-top:8px;width:fit-content;transition:background .2s}
.bt-internal-link:hover .bt-internal-link-cta{background:var(--accent-hover)}
.bt-internal-link-cta::after{content:"→";transition:transform .2s}
.bt-internal-link:hover .bt-internal-link-cta::after{transform:translateX(4px)}
@media(max-width:480px){.bt-internal-link{height:240px}.bt-internal-link-text{font-size:17px}.bt-internal-link-content{padding:20px}}

.af-author-box{display:flex;gap:20px;align-items:flex-start;margin:50px 0;padding:25px;background:#ffffff;border:1px solid var(--border-color)}
.af-author-box-avatar{width:80px;height:80px;border-radius:50%;flex-shrink:0;object-fit:cover}
.af-author-box-content{flex:1;min-width:0}
.af-author-box-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--accent-color);margin:0 0 5px}
.af-author-box-name{font-size:20px;font-weight:800;color:var(--dark-bg);margin:0 0 10px;line-height:1.2}
.af-author-box-name a{text-decoration:none;color:inherit}
.af-author-box-bio{font-size:15px;line-height:1.6;color:var(--light-text);margin:0}
@media (max-width:768px){.af-author-box{flex-direction:column;align-items:center;text-align:center;padding:20px}.af-author-box-avatar{width:70px;height:70px}}

/*DARKMODE TOGGLE*/
/* Standard: mobil */
.bt-darkmode-mobile-wrap {
    display: inline-flex;
}

.bt-darkmode-desktop-wrap {
    display: none;
}

/* Desktop */
@media (min-width: 1025px) {
    .bt-darkmode-mobile-wrap {
        display: none !important;
    }

    .bt-darkmode-desktop-wrap {
        display: inline-flex !important;
    }
}

/* ==========================================================================
   GANZE KARTEN KLICKBAR MACHEN (Hero & News Startseite)
   ========================================================================== */

.hero-title, 
.hero-title-small, 
.news-card-title,
.hero-featured .wp-block-post-title,
.hero-small .wp-block-post-title,
.news-card .wp-block-post-title {
    position: static !important;
}

.hero-title a::after, 
.hero-title-small a::after, 
.news-card-title a::after,
.hero-featured .wp-block-post-title a::after,
.hero-small .wp-block-post-title a::after,
.news-card .wp-block-post-title a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
}

.hero-cat, 
.hero-cat-small, 
.news-card-cat {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    z-index: 10 !important;
}

/* ==========================================================================
   ADMIN-BAR-FIX (CLEAN & STABLE)
   ========================================================================== */

/* Admin Bar: flexible Höhe + Umbruch erlauben */
#wpadminbar {
    height: auto !important;
    z-index: 100200 !important;
}
#wpadminbar #wp-toolbar > .ab-top-menu {
    display: flex !important;
    flex-wrap: wrap !important;
}
#wpadminbar #wp-toolbar > .ab-top-secondary {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: auto !important;
}

/* Gegen weißen Hintergrund bei Umbruch */
html.wp-toolbar {
    background-color: #1d2327 !important;
}

/* Desktop (über 1024px): Admin Bar ist static, margin-top reicht */
html.admin-bar {
    margin-top: var(--wp-admin-bar-h, 32px) !important;
}

/* Desktop Header unter die Admin Bar */
body.admin-bar .site-header,
body.admin-bar #site-navigation.stuckElement,
body.admin-bar nav.stuckElement {
    top: var(--wp-admin-bar-h, 32px) !important;
}

/* Tablet/Mobile (unter 1024px): Admin Bar ist fixed,
   body-padding-Kompensation passiert im Customizer-CSS */
@media screen and (max-width: 1280px) {
    #wpadminbar {
        position: fixed !important;
    }
    html.admin-bar {
        margin-top: 0 !important;
    }
    nav#mobile-header {
        z-index: 100100 !important;
    }
}


/* Fix für normale Videos im Text - Das Grid (.bt-yt-card) wird ignoriert */
.entry-content iframe[src*="youtube"]:not(.bt-yt-card iframe),
.entry-content iframe[src*="youtube-nocookie"]:not(.bt-yt-card iframe) {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
}

/* ============================================================
   REVIEW BOX: SICHERHEIT GEGEN INJECTED TAGS (YOAST / WPAUTOP)
   ============================================================ */
.bt-review-inner > br,
.bt-review-inner > p:empty,
.bt-review-inner > .yoast-text-mark {
    display: none !important;
}

/* ============================= Jannah Legacy Author Shortcode ============================= */

.bt-legacy-author-box {
    display: flex;
    gap: 20px;
    align-items: flex-start;
    margin: 32px 0;
    padding: 25px;
    background: #ffffff;
    border: 1px solid var(--border-color);
}

.bt-legacy-author-image {
    flex: 0 0 80px;
}

.bt-legacy-author-image img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: cover;
    border-radius: 50%;
}

.bt-legacy-author-content {
    flex: 1;
    min-width: 0;
}

.bt-legacy-author-name {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.2;
    color: var(--dark-bg);
}

.bt-legacy-author-name a {
    color: inherit;
    text-decoration: none !important;
}

.bt-legacy-author-name a:hover {
    color: var(--accent-color);
}

.bt-legacy-author-bio {
    font-size: 15px;
    line-height: 1.6;
    color: var(--light-text);
}

.bt-legacy-author-bio p {
    margin: 0;
}

@media (max-width: 768px) {
    .bt-legacy-author-box {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 20px;
    }

    .bt-legacy-author-image {
        flex-basis: auto;
    }

    .bt-legacy-author-image img {
        width: 70px;
        height: 70px;
    }
}

/* ============================= TEAM-SEITE / AUTOREN KOMPAKT ============================= */

.bt-team {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 22px;
    margin: 36px 0 20px;
}

.bt-team-cols-1,
.bt-team-cols-2,
.bt-team-cols-3,
.bt-team-cols-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.bt-team-card {
    position: relative;
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 18px;
    align-items: start;
    min-width: 0;
    padding: 22px;
    background: #fff;
    border: 1px solid var(--border-color);
    transition: border-color var(--transition-base), box-shadow var(--transition-base);
}

.bt-team-card:hover {
    border-color: var(--accent-color);
    box-shadow: var(--shadow-md);
}

.bt-team-avatar {
    display: block;
    width: 86px;
    height: 86px;
    margin: 0;
    overflow: visible;
    background: transparent !important;
    text-decoration: none !important;
    border: 0 !important;
    box-shadow: none !important;
}

.bt-team-avatar img {
    display: block;
    width: 86px !important;
    height: 86px !important;
    max-width: none !important;
    object-fit: cover;
    border-radius: 50% !important;
    background: transparent !important;
    box-shadow: none !important;
}

.bt-team-content {
    min-width: 0;
    padding: 0;
}

.bt-team-content h3 {
    margin: 0 0 8px;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.25;
    color: var(--dark-bg);
}

.bt-team-content h3 a {
    color: inherit !important;
    text-decoration: none !important;
    border: none !important;
}

.bt-team-card:hover .bt-team-content h3 a {
    color: var(--accent-color) !important;
}

.bt-team-bio {
    margin: 0 0 14px;
    color: var(--light-text);
    font-size: 14px;
    line-height: 1.65;
}

.bt-team-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.bt-team-links a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 8px 13px;
    background: #fff;
    border: 1px solid var(--border-color);
    color: var(--dark-bg) !important;
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .8px;
    text-transform: uppercase;
    text-decoration: none !important;
    transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);
}

.bt-team-links a:hover {
    background: var(--accent-color);
    border-color: var(--accent-color);
    color: #fff !important;
}

.bt-team-empty {
    margin: 32px 0;
    padding: 32px;
    background: var(--bg-light);
    color: var(--light-text);
    text-align: center;
}

/* Tablet */
@media (max-width: 900px) {
    .bt-team,
    .bt-team-cols-1,
    .bt-team-cols-2,
    .bt-team-cols-3,
    .bt-team-cols-4 {
        grid-template-columns: 1fr;
    }
}

/* Mobile */
@media (max-width: 520px) {
    .bt-team-card {
        grid-template-columns: 64px minmax(0, 1fr);
        gap: 14px;
        padding: 18px;
    }

    .bt-team-avatar,
    .bt-team-avatar img {
        width: 64px !important;
        height: 64px !important;
        background: transparent !important;
    }

    .bt-team-content h3 {
        font-size: 18px;
    }

    .bt-team-bio {
        font-size: 13px;
    }
}