/*
Theme Name: Fritzfunk
Theme URI: https://example.org/
Author: Fritzfunk
Description: Hochformat-Theme für das digitale Dorf-Info-Board Fritzfunk.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 8.0
*/
html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden;background:#062451;color:#fff;font-family:Arial,Helvetica,sans-serif}
#ff-app{position:relative;min-height:100vh;min-height:100dvh;background:#062451 url('assets/fritzfunk-hintergrund.png') center center/100% 100% fixed}
#ff-screen{position:relative;min-height:100vh;min-height:100dvh;padding:21.5vh 3.8vw 13vh;box-sizing:border-box}
#ff-tiles{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,minmax(18vh,1fr));gap:1.4vh 4.8vw}
.ff-tile{background:rgba(153,178,218,.62);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;text-align:center;padding:1rem;color:white;text-decoration:none;font-size:clamp(18px,3.8vw,42px);font-weight:500;line-height:1.12;text-shadow:0 1px 3px #17345c}
.ff-tile:active{background:rgba(0,210,225,.62)}
#ff-page{background:rgba(117,148,194,.70);padding:2.2rem 1.5rem;min-height:60vh;overflow-wrap:anywhere}
#ff-page h1{font-size:clamp(28px,5vw,52px);margin:0 0 .7em}
.ff-content{font-size:clamp(18px,3.5vw,34px);line-height:1.4}
#ff-bottom{position:fixed;z-index:99;bottom:2.2vh;left:5vw;right:5vw;height:8.2vh;display:grid;grid-template-columns:1fr 1fr 1fr;gap:3vw}
.ff-navbtn{border:1px solid rgba(255,255,255,.32);border-radius:14px;background:rgba(8,43,91,.9);color:white;display:flex;align-items:center;justify-content:center;font-size:clamp(25px,5vw,48px);text-decoration:none;cursor:pointer}
.ff-navbtn:active{background:#00bcd4}
@media (orientation:landscape){#ff-screen{padding:18vh 4vw 15vh}#ff-tiles{gap:1vh 2vw}.ff-tile{font-size:clamp(16px,2.5vw,28px)}}