/*
Theme Name: New Work uffm Land
Theme URI: https://newwork-uffm-land.de/
Author: New Work uffm Land
Description: Responsives, Elementor-Free-kompatibles Theme für New Work uffm Land.
Version: 1.1.0
Requires at least: 6.4
Requires PHP: 8.0
Tested up to: 6.8
Text Domain: nwul
License: GPL-2.0-or-later
*/

:root{--mint:#a1ffce;--coral:#ff8d8d;--ink:#171717;--cream:#f8f9f6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Roboto,Arial,sans-serif;color:var(--ink);line-height:1.6;background:white}a{color:inherit}button{font:inherit} .wrap{width:min(1160px,calc(100% - 44px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:10px;background:white;z-index:99}header{background:white;position:sticky;top:0;z-index:20;border-bottom:1px solid #eee}.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:94px}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;font-weight:800;letter-spacing:-.02em}.brand img{width:70px;height:70px;object-fit:contain}.navlinks{display:flex;align-items:center;gap:25px}.navlinks a{text-decoration:none;font-size:14px;font-weight:700}.navlinks a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:3px;text-underline-offset:6px}.menu{display:none;background:var(--mint);border:0;padding:10px 16px;border-radius:20px;font-weight:700}.hero{padding:65px 0 75px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:28px}.eyebrow{font-family:"DM Sans",Roboto,Arial,sans-serif;font-size:14px;font-weight:500;color:#444;letter-spacing:.08em;line-height:1.5;text-transform:none}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(52px,6.3vw,91px);margin:20px 0 23px;font-weight:900}h2{font-size:clamp(35px,4.2vw,59px);margin:13px 0 23px}h3{font-size:25px;margin:14px 0}.hero p{font-size:19px;max-width:550px}.hero-art{width:100%;filter:drop-shadow(0 5px 0 transparent)}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:29px}.btn{display:inline-block;border:2px solid var(--ink);border-radius:100px;padding:12px 23px;text-decoration:none;font-weight:800;background:var(--mint);transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn.alt{background:white}.section{padding:94px 0}.mint{background:var(--mint)}.soft{background:var(--cream)}.coral{background:var(--coral)}.intro{font-size:20px;max-width:760px}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin-top:40px}.panel{background:white;padding:34px;border-radius:8px;border:1px solid var(--ink);box-shadow:8px 8px 0 var(--ink)}.panel p{font-size:17px}.label{display:inline-block;background:var(--coral);border-radius:30px;padding:4px 13px;font-weight:800;font-size:13px}.four{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:42px}.service{border-top:5px solid var(--ink);padding:22px 4px}.service span{font-size:38px;font-weight:900;color:#dd6e72}.service h3{font-size:23px}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split img{width:100%;max-height:500px;object-fit:contain}.examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;margin-top:38px}.example{background:white;border:1px solid #ddd;padding:23px}.example img{width:100%;height:235px;object-fit:contain}.example h3{font-size:22px}.tag{display:inline-block;background:var(--mint);font-size:12px;font-weight:900;padding:5px 10px}.contact{background:var(--ink);color:white;text-align:center;padding:95px 0}.contact h2{max-width:850px;margin:15px auto 25px}.contact p{max-width:650px;margin:0 auto 24px;font-size:19px}.contact .btn{color:var(--ink)}footer{padding:45px 0;background:#f0f0f0}.foot{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.foot a{margin-right:15px}.small{font-size:13px;color:#555}.accent{position:relative;isolation:isolate;white-space:nowrap}.accent::after{content:"";position:absolute;z-index:-1;left:-1%;right:-1%;bottom:.035em;height:.31em;background:var(--coral);border-radius:48% 42% 38% 35% / 35% 45% 38% 55%;transform:rotate(-1.3deg);clip-path:polygon(0 28%,9% 15%,23% 20%,37% 8%,52% 17%,68% 4%,83% 12%,100% 0,99% 87%,85% 94%,70% 83%,54% 100%,36% 87%,18% 95%,1% 82%)}@media(max-width:900px){.four{grid-template-columns:repeat(2,1fr)}.examples{grid-template-columns:1fr 1fr}.navlinks{gap:12px}.navlinks a{font-size:12px}}@media(max-width:720px){.nav{min-height:78px}.brand img{width:55px;height:55px}.menu{display:block}.navlinks{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:22px;flex-direction:column;align-items:flex-start;box-shadow:0 8px 20px #0002}.navlinks.open{display:flex}.navlinks a{font-size:17px}.hero{padding:35px 0 60px}.hero-grid,.split,.two{grid-template-columns:1fr}.hero-art{max-width:500px}.section{padding:65px 0}.four,.examples{grid-template-columns:1fr}.split{gap:15px}.panel{box-shadow:5px 5px 0 var(--ink)}}

/* Referenzen: 5 Spalten auf Desktop, 2 auf kleinen Bildschirmen */
.references{padding:85px 0;background:#fff}
.references h2{font-size:clamp(31px,3.5vw,47px);max-width:850px}
.crest-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 18px;margin-top:40px}
.crest{margin:0;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center}
.crest-frame{height:142px;width:100%;display:flex;align-items:center;justify-content:center;padding:18px;border-radius:18px;background:#f7f7f7;transition:background .2s ease}
.crest img{max-width:100%;max-height:110px;width:auto;height:auto;object-fit:contain;filter:grayscale(1);transition:filter .25s ease,transform .25s ease}
.crest:hover img,.crest:focus-within img{filter:grayscale(0);transform:scale(1.045)}
.crest:hover .crest-frame{background:#e8fff3}
.crest figcaption{font-size:14px;font-weight:600;line-height:1.35}
.funding-logos{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;background:#fff;border-radius:16px;padding:38px 25px;min-height:340px}
.funding-logos img{display:block;object-fit:contain;max-width:100%}
.funding-logos .allianz-logo{width:210px;max-height:220px}
.funding-logos .land-logo{width:360px;max-height:100px}
@media(max-width:720px){.crest-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 14px}.crest-frame{height:128px}.crest img{max-height:98px}.funding-logos{padding:28px 18px;min-height:auto}.funding-logos .allianz-logo{width:175px}}

/* Version 4: Footer und Kontrast */
.contact .eyebrow{color:#fff}
.site-footer{padding:55px 0 28px;background:#f0f0f0}
.footer-top{display:grid;grid-template-columns:1fr 190px 1fr;align-items:center;gap:30px}
.footer-links{display:flex;flex-direction:column;gap:12px;font-size:15px;font-weight:600}
.footer-links a{text-decoration:none;width:fit-content}
.footer-links a:hover{text-decoration:underline;text-decoration-color:var(--coral);text-underline-offset:4px}
.footer-left{align-items:flex-end;text-align:right}
.footer-right{align-items:flex-start;text-align:left}
.footer-logo{display:flex;justify-content:center;align-items:center}
.footer-logo img{width:138px;height:138px;object-fit:contain}
.footer-copy{text-align:center;font-size:13px;color:#444;margin:32px 0 0}
@media(max-width:720px){.footer-top{grid-template-columns:1fr;gap:22px}.footer-logo{grid-row:1}.footer-links,.footer-left,.footer-right{align-items:center;text-align:center}.footer-copy{margin-top:32px}}

/* Theme enhancements */
@font-face{font-family:Roboto;src:local('Roboto');font-display:swap}
@font-face{font-family:'DM Sans';src:local('DM Sans');font-display:swap}
:focus-visible{outline:3px solid #235b48!important;outline-offset:4px} .contact :focus-visible{outline-color:#a1ffce!important}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.screen-reader-text{position:absolute;left:-10000px}.screen-reader-text:focus{left:12px;top:12px;z-index:100;background:white;padding:10px}
.admin-bar header{top:32px}@media(max-width:782px){.admin-bar header{top:46px}}
.wp-block-image img{height:auto}.site-content{min-height:55vh}.wp-content{max-width:960px;margin:60px auto;padding:0 22px}
.eyebrow{color:#444}.contact .eyebrow{color:white}.crest img{filter:grayscale(1)}
@media(max-width:720px){.navlinks.open{max-height:75vh;overflow:auto}.navlinks a{font-size:16px}}

.site-footer{background:#f0f0f0;padding:48px 0 26px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px}.footer-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.footer-col a{color:#171717;text-decoration:none;font-weight:600}.footer-col a:hover{text-decoration:underline}.footer-right{text-align:right}.footer-brand{text-align:center}.footer-brand img{max-width:135px;max-height:135px;object-fit:contain}.footer-bottom{text-align:center;margin:30px 0 0;font-size:14px}.custom-logo{width:70px;height:70px;object-fit:contain}.custom-logo-link{display:inline-flex}.footer-col li{list-style:none}@media(max-width:720px){.footer-top{grid-template-columns:1fr;justify-items:center}.footer-brand{grid-row:1}.footer-left,.footer-right{text-align:center}.footer-col ul{align-items:center}}


/* Version 1.1.0 – Navigation, Seitenillustrationen und Archive */
.nav{justify-content:space-between}
.brand{margin-right:auto;flex:0 0 auto;justify-content:flex-start}
.brand .custom-logo-link{margin:0}
.brand .custom-logo{display:block}
.subhero{padding:75px 0 85px;background:#fff}
.subhero>.wrap{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(24px,5vw,72px)}
.subhero>.wrap>div{min-width:0}
.subhero h1{font-size:clamp(43px,5.2vw,74px);overflow-wrap:break-word}
.subhero p{font-size:19px;max-width:620px}
.subhero img{display:block;width:100%;max-width:440px;max-height:360px;height:auto;object-fit:contain;justify-self:center}
.subhero .btn{margin-top:14px}
.media-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:30px}
.media-item{border:1px solid #ddd;background:#fff;border-radius:8px;padding:22px;min-width:0}
.media-item h3{font-size:20px;line-height:1.3;margin:0 0 15px}
.media-item a{font-weight:700;text-underline-offset:4px}
.press-note{font-size:14px;color:#444;margin-top:28px}
.archive-table-wrap{width:100%;overflow-x:auto;margin-top:30px;border:1px solid #d8ded9;border-radius:10px}
.archive-table{width:100%;border-collapse:collapse;background:white}
.archive-table th,.archive-table td{padding:15px 19px;text-align:left;border-bottom:1px solid #e2e6e2;vertical-align:middle}
.archive-table thead th{background:#a1ffce;color:#171717;font-size:15px}
.archive-table tbody tr:last-child>*{border-bottom:0}
.archive-table tbody tr:nth-child(even){background:#f8f9f6}
.archive-table tbody th{font-weight:800;white-space:nowrap;width:100px}
.archive-table td:last-child{width:190px;white-space:nowrap}
.archive-table a{font-weight:700;text-underline-offset:4px}
.archive-table tbody tr:hover{background:#edfff5}
@media(max-width:780px){
 .subhero{padding:48px 0 62px}
 .subhero>.wrap{grid-template-columns:1fr;gap:24px}
 .subhero img{max-width:330px;max-height:255px}
 .media-list{grid-template-columns:1fr}
}
@media(max-width:480px){
 .subhero h1{font-size:clamp(38px,11vw,54px)}
 .archive-table th,.archive-table td{padding:12px 10px;font-size:14px}
 .archive-table tbody th{width:56px}
 .archive-table td:last-child{width:auto;white-space:normal}
 .archive-table a{display:inline-block;min-height:40px;padding:8px 0}
}