/*
Theme Name: Israel-Tipps Reiseportal
Theme URI: https://israel-tipps.de/
Author: Israel-Tipps Redaktion
Description: Responsives Reisemagazin nach dem Israel-Tipps-Mockup mit automatischer Erstbefüllung von 100 Tipps.
Version: 1.0.0
Requires at least: 6.2
Tested up to: 6.9
Requires PHP: 7.4
Text Domain: israel-tipps
License: GPL-2.0-or-later
*/
:root{--blue:#0750ba;--navy:#112460;--sky:#eaf4ff;--text:#24304b;--muted:#61708a;--border:#e2e9f3}*{box-sizing:border-box}body{margin:0;color:var(--text);background:#f7f9fc;font-family:system-ui,-apple-system,"Segoe UI",Arial,sans-serif;line-height:1.68}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(1180px,94%);margin-inline:auto}.top{background:white}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 0}.brand{display:flex;align-items:center;gap:13px;color:var(--navy);font-weight:800;font-size:clamp(22px,3vw,35px);letter-spacing:-1.2px;line-height:1.1}.brand:hover{text-decoration:none}.brand-mark{height:64px;width:64px;display:grid;place-items:center;border:2px solid #0e65d2;border-radius:50%;font-size:39px;background:#eff8ff}.tagline{display:block;font-size:11px;letter-spacing:1px;font-weight:600;color:var(--navy);margin-top:5px}.searchform{display:flex;gap:5px}.searchform input{padding:11px 13px;border:1px solid var(--border);border-radius:5px;min-width:180px}.searchform button,.btn{background:var(--blue);color:#fff;border:0;padding:11px 17px;border-radius:4px;font-weight:700;cursor:pointer;display:inline-block}.searchform button:hover,.btn:hover{background:#003b98;color:#fff;text-decoration:none}.nav{background:linear-gradient(90deg,#003c9f,#0871de)}.nav-inner{display:flex;align-items:center;gap:0;flex-wrap:wrap}.nav a{display:block;color:white;font-size:13px;font-weight:700;padding:15px 15px}.nav a:hover,.nav a:focus{background:#003583;text-decoration:none}.nav .prominent{background:#0874ec}.hero{min-height:315px;background:linear-gradient(90deg,rgba(233,245,255,.96),rgba(238,246,255,.84) 34%,rgba(238,246,255,.04) 67%),url('assets/tel-aviv-hero.jpg') center right/cover no-repeat;display:flex;align-items:center}.hero-copy{padding:42px 0;max-width:460px}.hero h1{font-size:clamp(29px,4vw,43px);line-height:1.13;color:var(--navy);margin:0 0 14px;letter-spacing:-1.2px}.hero h1:after{content:"";display:block;background:#0b63d8;width:150px;height:5px;border-radius:40%;margin-top:13px;transform:rotate(-2deg)}.hero p{max-width:385px;font-size:15px;color:#182a4e}.feature-strip{position:relative;margin:-12px auto 28px;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;box-shadow:0 5px 22px #233c6017;border-radius:5px;padding:21px 24px;gap:16px}.feature{display:flex;align-items:flex-start;gap:11px}.feature .emoji{font-size:27px;color:var(--blue)}.feature strong{font-size:13px;color:var(--navy);display:block}.feature small{font-size:12px;color:var(--text);line-height:1.4;display:block}.section-title{text-align:center;font-size:27px;color:var(--navy);margin:20px 0}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:26px;margin-bottom:30px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.tile{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 3px 15px #253c4b0c}.tile img{width:100%;height:145px;object-fit:cover;display:block}.tile .tile-text{padding:10px 12px 16px}.tile h3{font-size:17px;color:var(--navy);margin:1px 0}.tile p{font-size:13px;margin:2px 0 9px}.tile a{font-weight:700;font-size:13px}.panel{background:white;border:1px solid var(--border);border-radius:7px;padding:18px;margin-bottom:17px}.panel h3{font-size:19px;color:var(--navy);margin:0 0 10px}.panel p,.panel li{font-size:14px}.panel ul{padding-left:20px}.tips-banner{background:#fff;border:1px solid var(--border);padding:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;margin:26px 0;border-radius:7px}.tips-banner h2{color:var(--navy);font-size:22px;margin:0 0 5px}.tips-banner p{margin:0;font-size:14px}.recent{margin:25px 0 45px}.recent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.recent-card{background:#fff;padding:18px;border:1px solid var(--border);border-radius:8px}.recent-card h3{margin:4px 0;font-size:17px}.recent-card p{font-size:13px;color:var(--muted)}.footer{background:#0845a8;color:white;padding:26px 0}.footer a{color:white}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:13px}.content{background:white;border:1px solid var(--border);border-radius:8px;padding:clamp(18px,4vw,45px);margin:30px auto 50px;max-width:880px}.content h1{line-height:1.2;color:var(--navy);font-size:clamp(30px,4vw,44px)}.content h2{color:var(--navy);margin-top:32px}.content .lead{color:var(--muted);font-size:18px}.crumb{font-size:13px;color:var(--muted);margin:0 0 15px}.posts-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.post-card{border:1px solid var(--border);padding:15px;border-radius:7px}.post-card h2{margin:0;font-size:19px}.post-card p{font-size:14px}.notice{background:#f1f6ff;border-left:4px solid var(--blue);padding:14px 18px;margin-top:28px;font-size:14px}.pagination{padding:25px 0}.screen-reader-text{position:absolute;clip:rect(1px,1px,1px,1px)}@media(max-width:860px){.home-columns{grid-template-columns:1fr}.nav a{padding:11px 10px}.feature-strip{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.header-inner{align-items:flex-start;flex-direction:column}.brand{font-size:26px}.brand-mark{height:49px;width:49px;font-size:29px}.tagline{font-size:9px}.searchform,.searchform input{width:100%}.nav-inner{flex-wrap:nowrap;overflow-x:auto}.nav a{white-space:nowrap;font-size:12px}.hero{background-position:60% center;min-height:280px}.hero-copy{padding:28px 0}.hero p{background:#eff7ffcc;padding:7px}.feature-strip{padding:12px;gap:10px}.feature .emoji{font-size:22px}.feature small{font-size:11px}.cards,.recent-grid,.posts-list{grid-template-columns:1fr}.tile img{height:180px}.tips-banner{align-items:flex-start;flex-direction:column}.footer-inner{display:block}}
