/*
Theme Name: CARL FRITZ - THEME
Theme URI: https://carlfritz.net
Author: Niklas Coen
Author URI: https://carlfritz.net/
Description: Leichtgewichtiges Basis-Theme für WordPress, optimiert für Elementor Theme Builder (Header/Footer/Single/Archive). Perfekt als solide Ausgangsbasis.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: carl-fritz-theme
Tags: elementor, block-styles, clean, minimal
*/
:root{
  --cft-font: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  --cft-text: #000000;
  --cft-accent: #f8aa00;
  --cft-muted: #32322e;
  --cft-bg: #ffffff;
  --cft-maxw: 1240px;
}
*{box-sizing:border-box}
body{margin:0; font-family:var(--cft-font); color:var(--cft-text); background:var(--cft-bg); line-height:1.6}
a{color:var(--cft-accent); text-decoration:none}
a:hover{text-decoration:underline}
.container{max-width:var(--cft-maxw); margin-inline:auto; padding:0 1rem}
.site-header, .site-footer{border-bottom:1px solid #e5e7eb}
.site-footer{border-top:1px solid #e5e7eb; border-bottom:0; margin-top:2rem; padding:2rem 0; color:var(--cft-muted); font-size:.95rem}
.site-branding{display:flex; align-items:center; gap:1rem; padding:1rem 0}
.site-title{font-size:1.25rem; font-weight:700; margin:0}
.nav{display:flex; gap:1rem; flex-wrap:wrap}
.main{padding:2rem 0}
.sidebar{padding:1rem; background:#f9fafb; border:1px solid #eef2f7; border-radius:12px}
.post-card{padding:1rem; border:1px solid #e5e7eb; border-radius:12px; margin-bottom:1rem}
.post-card h2{margin:.25rem 0 0}
.screen-reader-text{position:absolute; left:-9999px}

.skip-link {
  position: absolute;
  top: 0.5rem;
  left: 0.5rem;
  padding: 0.75rem 1rem;
  background: #fff;
  color: #000;
  border: 2px solid #000;
  z-index: 10000;
  transform: translateY(-150%);
  transition: transform 0.2s ease, opacity 0.2s ease;
  opacity: 0;
}

/* Sichtbar nur bei Tastaturfokus */
.skip-link:focus {
  transform: none;
  opacity: 1;
  outline: 3px solid #000;
  border-radius: 6px;
}

/* --- MOBILE AUSBLENDEN --- */
@media (hover: none) and (pointer: coarse) {
  .skip-link {
    display: none !important;
  }
}