/* ===== GDPR Partner – statikus HTML5 ===== */
:root{
--navy:#16365f; /* logó "Partner" kék */
--navy-d:#0f2746;
--green:#9fc31c; /* logó "GDPR" zöld */
--green-d:#86a814;
--ink:#243240;
--muted:#5d6b78;
--line:#e2e7ec;
--bg:#ffffff;
--bg-soft:#f4f6f9;
--radius:10px;
--shadow:0 10px 30px rgba(22,54,95,.10);
--wrap:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
margin:0;font-family:"Source Sans 3",system-ui,sans-serif;
color:var(--ink);background:var(--bg);line-height:1.65;font-size:17px;
-webkit-font-smoothing:antialiased;
}
h1,h2,h3,h4,h5{font-family:"Barlow Condensed",sans-serif;line-height:1.12;color:var(--navy);font-weight:600;letter-spacing:.2px}
h1{font-size:clamp(2.2rem,5vw,3.4rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.3rem)}
h3{font-size:1.4rem}
h4{font-size:1.15rem}
a{color:var(--navy);text-decoration:none;transition:color .2s}
a:hover{color:var(--green-d)}
p{margin:.6em 0}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.wrap-narrow{max-width:820px}
/* ===== Header ===== */
.site-head{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);
backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.head-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 24px}
.logo img{height:42px;width:auto}
.mainnav ul{display:flex;gap:4px;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.mainnav a{display:block;padding:9px 13px;font-family:"Barlow Condensed",sans-serif;
font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:.4px;
color:var(--navy);border-radius:7px}
.mainnav a:hover{background:var(--bg-soft);color:var(--green-d)}
.mainnav a.active{color:#fff;background:var(--navy)}
.navtoggle{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.navtoggle span{width:26px;height:3px;background:var(--navy);border-radius:3px;transition:.25s}
.navtoggle[aria-expanded="true"] span:nth-child(1){transform:translateY(8px) rotate(45deg)}
.navtoggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.navtoggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
/* ===== Hero (home) ===== */
.hero{position:relative;color:#fff;overflow:hidden;min-height:520px;display:flex;align-items:center}
.hero-bg{position:absolute;inset:0;background:
linear-gradient(105deg, rgba(15,39,70,.92) 0%, rgba(22,54,95,.78) 42%, rgba(22,54,95,.30) 100%),
url("../img/slider.jpg") center/cover no-repeat;}
.hero-inner{position:relative;padding:90px 24px}
.hero-text{max-width:620px}
.hero h1{color:#fff;font-size:clamp(2.4rem,6vw,4rem);font-weight:700}
.hero .dot{color:var(--green)}
.hero .lead{font-size:1.25rem;color:#dce6f2;margin:18px 0 30px;max-width:540px}
/* ===== Page header ===== */
.pagehead{background:linear-gradient(105deg,var(--navy-d),var(--navy));color:#fff;
padding:60px 0 54px;position:relative}
.pagehead::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:5px;
background:linear-gradient(90deg,var(--green),var(--green-d))}
.pagehead h1{color:#fff;margin:0}
.ph-sub{color:#c6d3e3;margin:.4rem 0 0;font-size:1.15rem}
/* ===== Sections / grid ===== */
.sec{padding:54px 0}
.sec+.sec{padding-top:0}
.row{display:flex;flex-wrap:wrap;margin:0 -16px;align-items:center}
.col{padding:0 16px;flex:1 1 100%}
@media(min-width:820px){
.c-2{flex:0 0 16.66%;max-width:16.66%}
.c-3{flex:0 0 25%;max-width:25%}
.c-4{flex:0 0 33.33%;max-width:33.33%}
.c-5{flex:0 0 41.66%;max-width:41.66%}
.c-6{flex:0 0 50%;max-width:50%}
.c-8{flex:0 0 66.66%;max-width:66.66%}
.c-9{flex:0 0 75%;max-width:75%}
.c-10{flex:0 0 83.33%;max-width:83.33%}
.c-12{flex:0 0 100%;max-width:100%}
}
.space{height:28px}
.txt{font-size:1.05rem;color:var(--ink)}
.txt h3,.txt h4,.txt h5{margin:1.1em 0 .4em}
.txt strong{color:var(--navy-d)}
.txt ul{padding-left:1.2em}
.txt li{margin:.3em 0}
.single-img img.rounded{border-radius:var(--radius);box-shadow:var(--shadow)}
/* ===== Slogan block ===== */
.slogan{margin:0 0 8px}
.slogan-title{position:relative;padding-bottom:14px;margin:0 0 12px}
.slogan-title::after{content:"";position:absolute;left:0;bottom:0;width:64px;height:4px;
background:var(--green);border-radius:3px}
.slogan-sub{color:var(--muted);font-size:1.05rem}
/* ===== Buttons ===== */
.btn{display:inline-block;background:var(--green);color:#173;color:var(--navy-d);
font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;
letter-spacing:.6px;font-size:1.05rem;padding:13px 30px;border-radius:8px;border:0;cursor:pointer;
box-shadow:0 6px 18px rgba(159,195,28,.35);transition:transform .15s, box-shadow .15s, background .2s}
.btn:hover{background:var(--green-d);color:var(--navy-d);transform:translateY(-2px);
box-shadow:0 10px 24px rgba(159,195,28,.45)}
.btn-lg{font-size:1.2rem;padding:16px 38px}
.btn-wrap{margin:24px 0}
.btn-center{text-align:center}
.btn-right{text-align:right}
/* ===== Blog grid ===== */
.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:26px;width:100%}
.card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
border-radius:var(--radius);overflow:hidden;box-shadow:0 4px 14px rgba(22,54,95,.06);
transition:transform .2s, box-shadow .2s}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card-imgwrap{aspect-ratio:16/10;overflow:hidden;background:var(--bg-soft)}
.card-imgwrap img{width:100%;height:100%;object-fit:cover}
.card-body{padding:20px 22px 24px}
.card-body h3{margin:0 0 8px;font-size:1.25rem}
.card-body p{color:var(--muted);font-size:.98rem;margin:0 0 14px}
.card-more{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;
letter-spacing:.5px;color:var(--green-d)}
/* ===== Blog post ===== */
.post-feat img{border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;width:100%;object-fit:cover;max-height:380px}
.post{font-size:1.08rem}
.post h2,.post h3{margin-top:1.3em}
.back{margin-top:34px}
.back a{font-family:"Barlow Condensed",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
/* ===== Contact form ===== */
.cform{background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--radius);padding:28px}
.field{margin-bottom:16px}
.field label{display:block;font-weight:600;margin-bottom:6px;color:var(--navy-d)}
.field input,.field textarea{width:100%;padding:12px 14px;border:1px solid #cfd8e1;border-radius:8px;
font:inherit;background:#fff;transition:border .2s, box-shadow .2s}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--green);
box-shadow:0 0 0 3px rgba(159,195,28,.25)}
.field-check{display:flex;margin:6px 0 20px;font-size:.95rem;color:var(--muted)}
.field-check input{margin:5px 10px 0 0;flex:0 0 auto;width:18px;height:18px;accent-color:var(--green-d)}
.req{color:#d6431f}
.hp{position:absolute!important;left:-9999px!important}
/* form result banner */
.formmsg{padding:16px 20px;border-radius:8px;margin:0 0 20px;font-weight:600}
.formmsg.ok{background:#eaf6d6;color:#3c5a06;border:1px solid var(--green)}
.formmsg.err{background:#fde9e6;color:#8c2310;border:1px solid #e7a99c}
/* ===== Footer ===== */
.site-foot{background:var(--navy-d);color:#c6d3e3;margin-top:20px}
.foot-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px;padding:50px 24px 36px}
.foot-logo{height:46px;margin-bottom:14px}
.foot-brand p{color:#a9bace;max-width:420px;font-size:.98rem}
.foot-col h4{color:#fff;margin:0 0 10px}
.foot-col a{color:#c6d3e3;display:inline-block;margin:2px 0}
.foot-col a:hover{color:var(--green)}
.foot-bottom{border-top:1px solid rgba(255,255,255,.12);padding:16px 0;font-size:.9rem;color:#8ea2bb}
/* ===== Responsive ===== */
@media(max-width:900px){
.navtoggle{display:flex}
.mainnav{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);
max-height:0;overflow:hidden;transition:max-height .3s ease}
.mainnav.open{max-height:520px}
.mainnav ul{flex-direction:column;padding:10px 18px 18px}
.mainnav a{padding:12px 10px}
.foot-grid{grid-template-columns:1fr;gap:24px}
}