{"id":285,"date":"2026-01-22T19:18:21","date_gmt":"2026-01-22T19:18:21","guid":{"rendered":"https:\/\/pipokonyv.hu\/konyv\/?page_id=285"},"modified":"2026-08-09T20:24:39","modified_gmt":"2026-08-09T20:24:39","slug":"szereplok","status":"publish","type":"page","link":"https:\/\/pipokonyv.hu\/konyv\/index.php\/szereplok\/","title":{"rendered":"Szerepl\u0151k"},"content":{"rendered":"\n<style>\n\/* SZEREPL\u0150K OLDAL \u2013 ZAGRADOS *\/\n\n.zagrados-characters {\n  position: relative;\n  overflow: hidden;\n\n  width: 100vw;\n  max-width: 100vw;\n  margin-left: calc(50% - 50vw);\n  margin-right: calc(50% - 50vw);\n\n  margin-top: -80px;\n  margin-bottom: -80px;\n\n  padding: 120px 22px 190px;\n  color: #f7f1e6;\n  background:\n    radial-gradient(circle at 22% 18%, rgba(25, 128, 170, 0.42), transparent 38%),\n    radial-gradient(circle at 68% 22%, rgba(16, 104, 150, 0.34), transparent 40%),\n    linear-gradient(\n      rgba(3, 28, 48, 0.74),\n      rgba(4, 16, 30, 0.90)\n    ),\n    url(\"HATTERKEP_URL_IDE\") center \/ cover no-repeat;\n  font-family: Georgia, \"Times New Roman\", serif;\n}\n\n.zagrados-characters::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background:\n    radial-gradient(circle at 28% 30%, rgba(0, 145, 190, 0.20), transparent 34%),\n    radial-gradient(circle at 70% 55%, rgba(80, 160, 195, 0.16), transparent 38%),\n    radial-gradient(circle at 50% 12%, rgba(219, 189, 126, 0.13), transparent 30%);\n  pointer-events: none;\n}\n\n.zagrados-characters-inner {\n  position: relative;\n  z-index: 2;\n  max-width: 1180px;\n  margin: 0 auto;\n}\n\n.zagrados-kicker {\n  text-align: center;\n  color: #d9bd7c;\n  letter-spacing: 0.18em;\n  text-transform: uppercase;\n  font-size: 0.78rem;\n  margin-bottom: 14px;\n}\n\n.zagrados-title {\n  margin: 0;\n  text-align: center;\n  font-family: \"Cormorant Garamond\", \"EB Garamond\", Georgia, serif;\n  font-size: clamp(1.9rem, 4.2vw, 3.4rem);\n  font-weight: 700;\n  letter-spacing: 0.01em;\n  line-height: 1.12;\n  color: #e6d7b9;\n  text-shadow: 0 10px 24px rgba(0,0,0,0.35);\n}\n.zagrados-ornament {\n  width: 140px;\n  height: 1px;\n  margin: 24px auto 26px;\n  background: linear-gradient(90deg, transparent, #d9bd7c, transparent);\n  position: relative;\n}\n\n.zagrados-ornament::after {\n  content: \"\u2726\";\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -55%);\n  color: #d9bd7c;\n  background: rgba(7, 16, 28, 0.95);\n  padding: 0 12px;\n  font-size: 1rem;\n}\n\n.zagrados-intro {\n  max-width: 760px;\n  margin: 0 auto 58px;\n  text-align: center;\n  font-size: clamp(1.03rem, 1.5vw, 1.22rem);\n  line-height: 1.75;\n  color: rgba(255,255,255,0.84);\n}\n\n\/* F\u0150 CSOPORTK\u00c9P *\/\n\n.zagrados-feature {\n  max-width: 980px;\n  margin: 0 auto 64px;\n}\n\n.zagrados-feature-title {\n  margin: 0 0 24px;\n  text-align: center;\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: clamp(2rem, 4vw, 3.25rem);\n  font-weight: 500;\n  color: #eadcc0;\n}\n\n.zagrados-group-frame {\n  position: relative;\n  padding: 18px;\n  border: 1px solid rgba(217, 189, 124, 0.42);\n  border-radius: 34px;\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.10), rgba(255,255,255,0.035));\n  box-shadow:\n    0 28px 80px rgba(0,0,0,0.45),\n    inset 0 0 0 1px rgba(255,255,255,0.06);\n  backdrop-filter: blur(10px);\n}\n\n.zagrados-group-frame::before,\n.zagrados-group-frame::after {\n  content: \"\u2726\";\n  position: absolute;\n  color: #d9bd7c;\n  font-size: 1.1rem;\n  opacity: 0.9;\n}\n\n.zagrados-group-frame::before {\n  left: 24px;\n  top: 18px;\n}\n\n.zagrados-group-frame::after {\n  right: 24px;\n  bottom: 18px;\n}\n\n.zagrados-group-image {\n  display: block;\n  width: 100%;\n  height: auto;\n  border-radius: 24px;\n}\n\n.zagrados-caption {\n  max-width: 820px;\n  margin: 18px auto 0;\n  text-align: center;\n  font-size: 1rem;\n  line-height: 1.65;\n  color: rgba(255,255,255,0.72);\n}\n\n\/* KARAKTERK\u00c1RTY\u00c1K *\/\n\n.zagrados-card-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 22px;\n}\n\n.zagrados-card {\n  position: relative;\n  min-height: 210px;\n  display: flex;\n  gap: 22px;\n  align-items: center;\n  padding: 24px;\n  border: 1px solid rgba(217, 189, 124, 0.28);\n  border-radius: 26px;\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.105), rgba(255,255,255,0.035));\n  box-shadow:\n    0 18px 45px rgba(0,0,0,0.32),\n    inset 0 0 0 1px rgba(255,255,255,0.055);\n  backdrop-filter: blur(12px);\n  transition: transform 0.25s ease, border-color 0.25s ease, background 0.25s ease;\n}\n\n.zagrados-card:hover {\n  transform: translateY(-4px);\n  border-color: rgba(217, 189, 124, 0.58);\n  background:\n    linear-gradient(145deg, rgba(255,255,255,0.14), rgba(255,255,255,0.055));\n}\n\n.zagrados-card::after {\n  content: \"\u2726\";\n  position: absolute;\n  top: 18px;\n  right: 22px;\n  color: #d9bd7c;\n  opacity: 0.85;\n  font-size: 0.9rem;\n}\n\n.zagrados-portrait {\n  flex: 0 0 104px;\n  width: 104px;\n  height: 104px;\n  border-radius: 50%;\n  padding: 5px;\n  background:\n    linear-gradient(145deg, #eadcc0, #9f7e3b);\n  box-shadow:\n    0 12px 30px rgba(0,0,0,0.38),\n    0 0 22px rgba(217, 189, 124, 0.16);\n}\n\n.zagrados-portrait img {\n  width: 100%;\n  height: 100%;\n  display: block;\n  object-fit: cover;\n  border-radius: 50%;\n  background: rgba(255,255,255,0.08);\n}\n\n.zagrados-card-content h3 {\n  margin: 0 0 8px;\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: 2rem;\n  font-weight: 500;\n  color: #eadcc0;\n  line-height: 1.05;\n}\n\n.zagrados-card-content p {\n  margin: 0;\n  color: rgba(255,255,255,0.78);\n  font-size: 1rem;\n  line-height: 1.58;\n}\n\n\/* MOBIL \/ TABLET *\/\n\n@media (max-width: 980px) {\n  .zagrados-card-grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n  .zagrados-card {\n    min-height: 190px;\n  }\n}\n\n@media (max-width: 680px) {\n  .zagrados-characters {\n    width: 100vw;\n    max-width: 100vw;\n    margin-left: calc(50% - 50vw);\n    margin-right: calc(50% - 50vw);\n\n    margin-top: -60px;\n    margin-bottom: -60px;\n\n    padding: 90px 16px 142px;\n  }\n\n  .zagrados-intro {\n    margin-bottom: 42px;\n  }\n\n  .zagrados-group-frame {\n    padding: 10px;\n    border-radius: 24px;\n  }\n\n  .zagrados-group-image {\n    border-radius: 18px;\n  }\n\n  .zagrados-card-grid {\n    grid-template-columns: 1fr;\n  }\n\n  .zagrados-card {\n    padding: 20px;\n    gap: 18px;\n  }\n\n  .zagrados-portrait {\n    flex-basis: 86px;\n    width: 86px;\n    height: 86px;\n  }\n\n  .zagrados-card-content h3 {\n    font-size: 1.7rem;\n  }\n\n  .zagrados-card-content p {\n    font-size: 0.96rem;\n  }\n}\n\/* \u00d6SSZES CSILLAG ELT\u00c1VOL\u00cdT\u00c1SA *\/\n.zagrados-ornament::after,\n.zagrados-group-frame::before,\n.zagrados-group-frame::after,\n.zagrados-card::after {\n  content: none !important;\n  display: none !important;\n}\n.zagrados-coming-soon {\n  max-width: 760px;\n  margin: 54px auto 0;\n  text-align: center;\n  font-family: \"Cormorant Garamond\", Georgia, serif;\n  font-size: clamp(1.35rem, 2.4vw, 2.05rem);\n  font-weight: 500;\n  line-height: 1.35;\n  color: #eadcc0;\n  text-shadow: 0 10px 24px rgba(0,0,0,0.34);\n}\n<\/style>\n\n<section class=\"zagrados-characters\">\n  <div class=\"zagrados-characters-inner\">\n\n    <div class=\"zagrados-kicker\">A pingvin, aki lovag akart lenni<\/div>\n\n    <h1 class=\"zagrados-title\">A t\u00f6rt\u00e9net szerepl\u0151i<\/h1>\n\n    <div class=\"zagrados-ornament\"><\/div>\n\n    <p class=\"zagrados-intro\">\n      Pip\u00f3 t\u00f6rt\u00e9nete Havasparton kezd\u0151dik, Zagrados fagyos \u00e9szaki partvid\u00e9k\u00e9n, ahol a gyerekkor m\u00e9g j\u00e1t\u00e9kr\u00f3l, bar\u00e1ts\u00e1gr\u00f3l \u00e9s \u00f6sszetartoz\u00e1sr\u00f3l sz\u00f3l. Pip\u00f3 mellett ott vannak azok, akik vele egy\u00fctt n\u0151nek fel: t\u00e1rsak, bar\u00e1tok \u00e9s csal\u00e1dtagok, akik mind m\u00e1sk\u00e9pp l\u00e1tj\u00e1k a vil\u00e1got, \u00e9s m\u00e1s-m\u00e1s m\u00f3don alak\u00edtj\u00e1k az \u00fatj\u00e1t.<\/p>\n <p class=\"zagrados-intro\">\nAhogy a t\u00f6rt\u00e9net el\u0151rehalad, ez a kis csapat lassan kil\u00e9p a biztons\u00e1gosnak hitt mindennapokb\u00f3l. Olyan helyzetekkel tal\u00e1lkoznak, amelyek pr\u00f3b\u00e1ra teszik a b\u00e1tors\u00e1gukat, a h\u0171s\u00e9g\u00fcket \u00e9s azt is, hogyan d\u00f6ntenek akkor, amikor m\u00e1r nem maradhatnak egyszer\u0171en gyerekek.\n    <\/p>\n    <div class=\"zagrados-feature\">\n     <div class=\"zagrados-group-frame\">\n        <img decoding=\"async\" class=\"zagrados-group-image\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/08\/karakterek95.png\" alt=\"Pip\u00f3, Naia, Velt, Lui, Sz\u00e9lv\u00e9sz \u00e9s a bot gyerekkori csoportk\u00e9pe\">\n      <\/div>\n      <p class=\"zagrados-caption\">\n        A k\u00e9pen Pip\u00f3 \u00e9s t\u00e1rsai m\u00e9g a gyerekkoruk kor\u00e1bbi \u00e9veiben l\u00e1that\u00f3k, j\u00f3val a t\u00f6rt\u00e9net nagy esem\u00e9nyei el\u0151tt: abban az id\u0151ben, amikor Havasparton a vil\u00e1g nagyobbnak t\u0171nt, a vesz\u00e9lyek pedig m\u00e9g t\u00e1volinak l\u00e1tszottak.\n      <\/p>\n    <\/div>\n    <div class=\"zagrados-card-grid\">\n      <article class=\"zagrados-card\">\n        <div class=\"zagrados-portrait\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/07\/pipo-1.jpg\" alt=\"Pip\u00f3 arck\u00e9pe\">\n        <\/div>\n        <div class=\"zagrados-card-content\">\n          <h3>Pip\u00f3<\/h3>\n          <p>\n            Egy kis pinguin, aki gyakran \u00e9rzi \u00fagy, hogy kev\u00e9sb\u00e9 \u00fcgyes, mint a t\u00f6bbiek.\n            Csendes b\u00e1tors\u00e1ga azonban akkor v\u00e1lik igaz\u00e1n fontoss\u00e1, amikor minden megv\u00e1ltozik.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-card\">\n        <div class=\"zagrados-portrait\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/07\/Naia.jpg\" alt=\"Naia arck\u00e9pe\">\n        <\/div>\n        <div class=\"zagrados-card-content\">\n          <h3>Naia<\/h3>\n          <p>\n            Pip\u00f3 egyik legfontosabb t\u00e1rsa. B\u00e1tor, makacs, sokszor sz\u00f3kimond\u00f3, de a kem\u00e9nys\u00e9ge m\u00f6g\u00f6tt \u00e9rz\u00e9keny sz\u00edv rejt\u0151zik. Mindig ki\u00e1ll a bar\u00e1tai\u00e9rt \u00e9s sz\u00edv\u00e9n viseli a vil\u00e1g sors\u00e1t. \n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-card\">\n        <div class=\"zagrados-portrait\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/07\/Velt.jpg\" alt=\"Velt arck\u00e9pe\">\n        <\/div>\n        <div class=\"zagrados-card-content\">\n          <h3>Velt<\/h3>\n          <p>\u0150 az, aki gyakran kimondja, ha valami ostobas\u00e1gnak\n  vagy t\u00fal vesz\u00e9lyesnek t\u0171nik. Nem mindig lelkesedik a kaland\u00e9rt, de bajban mindig ott van a bar\u00e1tai mellett.\n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-card\">\n        <div class=\"zagrados-portrait\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/07\/Lui.jpg\" alt=\"Lui arck\u00e9pe\">\n        <\/div>\n        <div class=\"zagrados-card-content\">\n          <h3>Lui<\/h3>\n          <p>\n            Pip\u00f3 \u00f6ccse. Kisebb mindenkin\u00e9l, de hatalmas sz\u00edve van tele szeretettel \u00e9s k\u00edv\u00e1ncsis\u00e1ggal. Nagyon fontos r\u00e9sze Pip\u00f3 \u00fatj\u00e1nak. Miatta a kaland nemcsak b\u00e1tors\u00e1gr\u00f3l, hanem felel\u0151ss\u00e9gr\u0151l is sz\u00f3l. \n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-card\">\n        <div class=\"zagrados-portrait\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/07\/Szelvesz.jpg\" alt=\"Sz\u00e9lv\u00e9sz arck\u00e9pe\">\n        <\/div>\n        <div class=\"zagrados-card-content\">\n          <h3>Sz\u00e9lv\u00e9sz<\/h3>\n          <p>\n            A szeleburdi sir\u00e1ly, aki k\u00edv\u00fclr\u0151l \u00e9rkezik a pinguinok vil\u00e1g\u00e1ba. Mindig mozog, k\u00e9rdez, kapkod, p\u00f6r\u00f6g-forog. K\u00fcl\u00f6nc \u00e9s n\u00e9ha t\u00fal k\u00edv\u00e1ncsi, de \u00e9ppen ett\u0151l szerethet\u0151. Mert ak\u00e1rmerre sodorja is a sz\u00e9l, a bar\u00e1taihoz mindig visszatal\u00e1l. \n          <\/p>\n        <\/div>\n      <\/article>\n\n      <article class=\"zagrados-card\">\n        <div class=\"zagrados-portrait\">\n          <img decoding=\"async\" src=\"https:\/\/pipokonyv.hu\/konyv\/wp-content\/uploads\/2026\/07\/bot.jpg\" alt=\"A bot k\u00e9pe\">\n        <\/div>\n        <div class=\"zagrados-card-content\">\n          <h3>A bot<\/h3>\n          <p>\n            Els\u0151re csak egy bot. Pip\u00f3 \u00fatj\u00e1n azonban eml\u00e9kk\u00e9, kapaszkod\u00f3v\u00e1 \u00e9s egy nagyobb t\u00f6rt\u00e9net kezdet\u00e9nek jelk\u00e9p\u00e9v\u00e9 v\u00e1lik.\n          <\/p>\n        <\/div>\n      <\/article>\n    <\/div>\n\n  <\/div>\n<br><br>\n<center><div class=\"zagrados-gallery-footer\">\n\n    <\/div>\n\n  <p class=\"zagrados-coming-soon\">\n      A t\u00f6rt\u00e9net tov\u00e1bbi szerepl\u0151inek bemutat\u00e1sa hamarosan folytat\u00f3dik\u2026\n    <\/p>\n<br><br>\n<center><div class=\"zagrados-gallery-footer\">\n      \u00a9 2026 Jim Rylie &amp;\n      <a href=\"https:\/\/studiomirrow.hu\" target=\"_blank\" rel=\"noopener\">Studio Mirrow<\/a>\n      \u2013 Minden jog fenntartva.\n    <\/div><\/center>\n<\/center><\/section>\n","protected":false},"excerpt":{"rendered":"<p>A pingvin, aki lovag akart lenni A t\u00f6rt\u00e9net szerepl\u0151i Pip\u00f3 t\u00f6rt\u00e9nete Havasparton kezd\u0151dik, Zagrados fagyos \u00e9szaki partvid\u00e9k\u00e9n, ahol a gyerekkor m\u00e9g j\u00e1t\u00e9kr\u00f3l, bar\u00e1ts\u00e1gr\u00f3l \u00e9s \u00f6sszetartoz\u00e1sr\u00f3l sz\u00f3l. Pip\u00f3 mellett ott vannak azok, akik vele egy\u00fctt n\u0151nek fel: t\u00e1rsak, bar\u00e1tok \u00e9s csal\u00e1dtagok, akik mind m\u00e1sk\u00e9pp l\u00e1tj\u00e1k a vil\u00e1got, \u00e9s m\u00e1s-m\u00e1s m\u00f3don alak\u00edtj\u00e1k az \u00fatj\u00e1t. Ahogy a t\u00f6rt\u00e9net [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-285","page","type-page","status-publish","hentry"],"blocksy_meta":{"disable_footer":"yes","styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":6},"disable_header":"no","disable_featured_image":"no","disable_share_box":"no","vertical_spacing_source":"custom","content_area_spacing":"none"},"_links":{"self":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/285","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/comments?post=285"}],"version-history":[{"count":46,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/285\/revisions"}],"predecessor-version":[{"id":3102,"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/pages\/285\/revisions\/3102"}],"wp:attachment":[{"href":"https:\/\/pipokonyv.hu\/konyv\/index.php\/wp-json\/wp\/v2\/media?parent=285"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}