/* Franzel Credit – einbettbarer Webdesign-Credit-Kasten
   Eigenständiges, DSGVO-freundliches CSS: lädt nichts extern nach.
   Schriften werden nur genutzt, wenn die Seite sie ohnehin hat,
   sonst sauberer Fallback auf System-Schriften. */

.frz-credit{position:relative;overflow:hidden;box-sizing:border-box;max-width:420px;margin:1.5rem auto;padding:1.5rem 1.6rem;border-radius:14px;background:#0E1512;border:1px solid rgba(52,214,160,.55);text-align:center;box-shadow:0 10px 28px -14px rgba(0,0,0,.4),inset 0 0 22px -6px rgba(52,214,160,.4);font-family:"IBM Plex Sans",system-ui,-apple-system,Segoe UI,Roboto,sans-serif}
.frz-credit *{box-sizing:border-box}
.frz-grid{position:absolute;left:0;right:0;bottom:0;height:72%;pointer-events:none}
.frz-grid::before{content:"";position:absolute;left:-60%;right:-60%;bottom:-45%;top:0;background-image:linear-gradient(to right,rgba(52,214,160,.22) 1px,transparent 1px),linear-gradient(to bottom,rgba(52,214,160,.22) 1px,transparent 1px);background-size:34px 34px;transform:perspective(220px) rotateX(63deg);transform-origin:bottom center;animation:frz-scroll 5s linear infinite}
.frz-grid::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 75% at 50% 100%,rgba(52,214,160,.18),transparent 58%),linear-gradient(to top,transparent,#0E1512 90%)}
@keyframes frz-scroll{from{background-position:0 0}to{background-position:0 34px}}
.frz-inner{position:relative;z-index:1}
.frz-label{display:block;font-family:"IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:#34D6A0;margin-bottom:.7rem}
.frz-link{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4em;line-height:1.4;font-family:"Space Grotesk",system-ui,sans-serif;font-weight:500;font-size:1.02rem;color:#E9EFEC !important;text-decoration:none;transition:color .2s}
.frz-link:hover{color:#FFFFFF !important}
.frz-brand{color:#34D6A0;display:inline-flex;align-items:center;gap:.3em;white-space:nowrap}
.frz-arr{opacity:.65;flex:0 0 auto}
/* Kein Unterstrich, auch wenn das Seiten-CSS Links im Inhalt unterstreicht (seit 12.11.2026) */
.frz-credit a,.frz-credit a:hover,.frz-credit a:focus,.frz-credit a span{text-decoration:none !important;border-bottom:0 !important;box-shadow:none !important}
.frz-link:focus-visible{outline:2px solid #34D6A0;outline-offset:4px;border-radius:4px}
@media (prefers-reduced-motion:reduce){.frz-grid::before{animation:none}}