{"id":13,"date":"2026-06-09T18:46:54","date_gmt":"2026-06-09T16:46:54","guid":{"rendered":"https:\/\/x.sspu-opava.eu\/?page_id=13"},"modified":"2026-06-09T20:06:22","modified_gmt":"2026-06-09T18:06:22","slug":"domu","status":"publish","type":"page","link":"https:\/\/x.sspu-opava.eu\/?page_id=13","title":{"rendered":"Domu"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"13\" class=\"elementor elementor-13\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e3e8802 e-con-full e-flex e-con e-parent\" data-id=\"e3e8802\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5d50257 elementor-widget elementor-widget-html\" data-id=\"5d50257\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700;800&display=swap');\r\n\r\n.anatomie-page,\r\n.anatomie-page * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.anatomie-page {\r\n  width: 100vw;\r\n  margin-left: calc(50% - 50vw);\r\n  overflow-x: hidden;\r\n  background:\r\n    radial-gradient(circle at top, rgba(0,229,255,0.10), transparent 34%),\r\n    linear-gradient(180deg, #070b10 0%, #0b0f14 100%);\r\n  color: #fff;\r\n  font-family: 'Inter', sans-serif;\r\n  position: relative;\r\n}\r\n\r\n.anatomie-page a {\r\n  color: inherit;\r\n  text-decoration: none;\r\n}\r\n\r\n.anatomie-page .wrap {\r\n  max-width: 1200px;\r\n  margin: 0 auto;\r\n  padding: 0 20px;\r\n}\r\n\r\n\/* ===== HEADER ===== *\/\r\n.anatomie-page .topbar {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  z-index: 1000;\r\n  backdrop-filter: blur(16px);\r\n  background: rgba(8, 12, 18, 0.72);\r\n  border-bottom: 1px solid rgba(255,255,255,0.08);\r\n  box-shadow: 0 10px 40px rgba(0,0,0,0.18);\r\n}\r\n\r\n.anatomie-page .topbar::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 20% 0%, rgba(0,229,255,0.16), transparent 35%);\r\n  pointer-events: none;\r\n}\r\n\r\n.anatomie-page .topbar-inner {\r\n  position: relative;\r\n  z-index: 2;\r\n  height: 74px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  gap: 20px;\r\n}\r\n\r\n.anatomie-page .brand {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 12px;\r\n  font-weight: 800;\r\n  letter-spacing: 1px;\r\n  white-space: nowrap;\r\n}\r\n\r\n.anatomie-page .brand-mark {\r\n  width: 40px;\r\n  height: 40px;\r\n  border-radius: 14px;\r\n  display: grid;\r\n  place-items: center;\r\n  background: linear-gradient(135deg, rgba(0,229,255,0.22), rgba(255,255,255,0.06));\r\n  border: 1px solid rgba(0,229,255,0.26);\r\n  box-shadow: 0 0 24px rgba(0,229,255,0.12);\r\n  animation: pulseMark 3.5s ease-in-out infinite;\r\n}\r\n\r\n.anatomie-page .brand-text {\r\n  font-size: 15px;\r\n  text-shadow: 0 0 18px rgba(0,229,255,0.10);\r\n}\r\n\r\n.anatomie-page .nav {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 26px;\r\n}\r\n\r\n.anatomie-page .nav a {\r\n  position: relative;\r\n  font-size: 14px;\r\n  color: rgba(255,255,255,0.78);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.anatomie-page .nav a::after {\r\n  content: \"\";\r\n  position: absolute;\r\n  left: 0;\r\n  bottom: -8px;\r\n  width: 0%;\r\n  height: 2px;\r\n  border-radius: 99px;\r\n  background: linear-gradient(90deg, transparent, #00e5ff, transparent);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.anatomie-page .nav a:hover,\r\n.anatomie-page .nav a.active {\r\n  color: #fff;\r\n}\r\n\r\n.anatomie-page .nav a:hover::after,\r\n.anatomie-page .nav a.active::after {\r\n  width: 100%;\r\n}\r\n\r\n.anatomie-page .cta {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 11px 18px;\r\n  border-radius: 999px;\r\n  background: linear-gradient(135deg, #ffffff, #dffcff);\r\n  color: #061018;\r\n  font-weight: 800;\r\n  box-shadow: 0 10px 28px rgba(0,229,255,0.10);\r\n  transition: 0.25s ease;\r\n  white-space: nowrap;\r\n}\r\n\r\n.anatomie-page .cta:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 14px 34px rgba(0,229,255,0.22);\r\n}\r\n\r\n.anatomie-page .menu-btn {\r\n  display: none;\r\n  width: 46px;\r\n  height: 46px;\r\n  border-radius: 14px;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.12);\r\n  cursor: pointer;\r\n  padding: 0;\r\n}\r\n\r\n.anatomie-page .menu-btn span {\r\n  display: block;\r\n  width: 18px;\r\n  height: 2px;\r\n  margin: 4px auto;\r\n  border-radius: 999px;\r\n  background: #fff;\r\n}\r\n\r\n.anatomie-page .mobile-nav {\r\n  display: none;\r\n  position: relative;\r\n  z-index: 2;\r\n  padding: 0 20px 16px;\r\n}\r\n\r\n.anatomie-page .mobile-nav.open {\r\n  display: block;\r\n}\r\n\r\n.anatomie-page .mobile-nav a {\r\n  display: block;\r\n  margin-top: 10px;\r\n  padding: 13px 14px;\r\n  border-radius: 14px;\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  color: rgba(255,255,255,0.88);\r\n  font-weight: 600;\r\n}\r\n\r\n.anatomie-page .mobile-nav a:hover {\r\n  border-color: rgba(0,229,255,0.30);\r\n  box-shadow: 0 0 0 4px rgba(0,229,255,0.06);\r\n}\r\n\r\n\/* ===== HERO ===== *\/\r\n.anatomie-page .hero {\r\n  min-height: 100vh;\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  padding-top: 110px;\r\n  padding-bottom: 80px;\r\n  background:\r\n    linear-gradient(180deg, rgba(7,11,16,0.24), rgba(7,11,16,0.72)),\r\n    url('https:\/\/images.unsplash.com\/photo-1517336714731-489689fd1ca8?auto=format&fit=crop&w=1600&q=80') center\/cover no-repeat;\r\n}\r\n\r\n.anatomie-page .hero::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at 50% 35%, rgba(0,229,255,0.18), transparent 45%);\r\n  pointer-events: none;\r\n}\r\n\r\n.anatomie-page .hero-grid {\r\n  position: relative;\r\n  z-index: 2;\r\n  display: grid;\r\n  grid-template-columns: 1.15fr 0.85fr;\r\n  gap: 36px;\r\n  align-items: center;\r\n}\r\n\r\n.anatomie-page .eyebrow {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  padding: 10px 14px;\r\n  margin-bottom: 18px;\r\n  border-radius: 999px;\r\n  background: rgba(255,255,255,0.08);\r\n  border: 1px solid rgba(255,255,255,0.10);\r\n  color: rgba(255,255,255,0.82);\r\n  font-size: 13px;\r\n}\r\n\r\n.anatomie-page .eyebrow i {\r\n  width: 8px;\r\n  height: 8px;\r\n  border-radius: 999px;\r\n  background: #00e5ff;\r\n  box-shadow: 0 0 14px rgba(0,229,255,0.9);\r\n  display: inline-block;\r\n}\r\n\r\n.anatomie-page h1,\r\n.anatomie-page h2,\r\n.anatomie-page h3 {\r\n  margin: 0;\r\n  line-height: 1.08;\r\n  color: #fff;\r\n}\r\n\r\n.anatomie-page .hero h1 {\r\n  font-size: clamp(42px, 7vw, 76px);\r\n  letter-spacing: -0.04em;\r\n  text-shadow: 0 0 24px rgba(0,229,255,0.12);\r\n}\r\n\r\n.anatomie-page .hero p.lead {\r\n  max-width: 650px;\r\n  font-size: 18px;\r\n  line-height: 1.7;\r\n  color: rgba(255,255,255,0.84);\r\n  margin: 20px 0 0;\r\n}\r\n\r\n.anatomie-page .hero-actions {\r\n  display: flex;\r\n  flex-wrap: wrap;\r\n  gap: 14px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.anatomie-page .btn {\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 10px;\r\n  min-height: 48px;\r\n  padding: 0 20px;\r\n  border-radius: 999px;\r\n  font-weight: 700;\r\n  transition: 0.25s ease;\r\n  border: 1px solid transparent;\r\n}\r\n\r\n.anatomie-page .btn-primary {\r\n  background: linear-gradient(135deg, #ffffff, #dffcff);\r\n  color: #061018;\r\n  box-shadow: 0 10px 30px rgba(0,229,255,0.10);\r\n}\r\n\r\n.anatomie-page .btn-primary:hover {\r\n  transform: translateY(-2px);\r\n  box-shadow: 0 14px 34px rgba(0,229,255,0.22);\r\n}\r\n\r\n.anatomie-page .btn-secondary {\r\n  background: rgba(255,255,255,0.06);\r\n  color: #fff;\r\n  border-color: rgba(255,255,255,0.12);\r\n}\r\n\r\n.anatomie-page .btn-secondary:hover {\r\n  transform: translateY(-2px);\r\n  border-color: rgba(0,229,255,0.34);\r\n  box-shadow: 0 0 0 4px rgba(0,229,255,0.08);\r\n}\r\n\r\n.anatomie-page .hero-card {\r\n  border-radius: 28px;\r\n  overflow: hidden;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.10);\r\n  box-shadow: 0 20px 60px rgba(0,0,0,0.28);\r\n  backdrop-filter: blur(12px);\r\n  transform: translateY(0);\r\n  animation: floaty 5s ease-in-out infinite;\r\n}\r\n\r\n.anatomie-page .hero-card img {\r\n  display: block;\r\n  width: 100%;\r\n  height: 420px;\r\n  object-fit: cover;\r\n}\r\n\r\n.anatomie-page .hero-card .hero-card-content {\r\n  padding: 18px 18px 20px;\r\n}\r\n\r\n.anatomie-page .hero-card .small {\r\n  color: rgba(255,255,255,0.72);\r\n  font-size: 14px;\r\n  line-height: 1.6;\r\n}\r\n\r\n.anatomie-page .stats {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 16px;\r\n  margin-top: 28px;\r\n}\r\n\r\n.anatomie-page .stat {\r\n  padding: 16px 18px;\r\n  border-radius: 20px;\r\n  background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));\r\n  border: 1px solid rgba(255,255,255,0.09);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.anatomie-page .stat strong {\r\n  display: block;\r\n  font-size: 22px;\r\n  margin-bottom: 4px;\r\n}\r\n\r\n.anatomie-page .stat span {\r\n  font-size: 13px;\r\n  color: rgba(255,255,255,0.72);\r\n  line-height: 1.5;\r\n}\r\n\r\n.anatomie-page section {\r\n  padding: 90px 0;\r\n}\r\n\r\n.anatomie-page .section-title {\r\n  max-width: 820px;\r\n  margin-bottom: 30px;\r\n}\r\n\r\n.anatomie-page .section-title .kicker {\r\n  display: inline-block;\r\n  margin-bottom: 12px;\r\n  color: #00e5ff;\r\n  font-size: 13px;\r\n  font-weight: 700;\r\n  letter-spacing: 0.12em;\r\n  text-transform: uppercase;\r\n}\r\n\r\n.anatomie-page .section-title h2 {\r\n  font-size: clamp(30px, 4vw, 48px);\r\n  margin-bottom: 12px;\r\n  letter-spacing: -0.04em;\r\n}\r\n\r\n.anatomie-page .section-title p {\r\n  color: rgba(255,255,255,0.76);\r\n  line-height: 1.7;\r\n  margin: 0;\r\n  max-width: 760px;\r\n}\r\n\r\n.anatomie-page .two-col {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 28px;\r\n  align-items: stretch;\r\n}\r\n\r\n.anatomie-page .glass {\r\n  background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));\r\n  border: 1px solid rgba(255,255,255,0.09);\r\n  border-radius: 28px;\r\n  backdrop-filter: blur(12px);\r\n  box-shadow: 0 20px 50px rgba(0,0,0,0.20);\r\n}\r\n\r\n.anatomie-page .about-box {\r\n  padding: 28px;\r\n}\r\n\r\n.anatomie-page .about-box p {\r\n  color: rgba(255,255,255,0.76);\r\n  line-height: 1.8;\r\n  margin: 0 0 16px;\r\n}\r\n\r\n.anatomie-page .bullets {\r\n  display: grid;\r\n  gap: 12px;\r\n  margin-top: 20px;\r\n}\r\n\r\n.anatomie-page .bullet {\r\n  display: flex;\r\n  gap: 12px;\r\n  align-items: flex-start;\r\n  padding: 14px 16px;\r\n  border-radius: 18px;\r\n  background: rgba(255,255,255,0.04);\r\n  border: 1px solid rgba(255,255,255,0.07);\r\n}\r\n\r\n.anatomie-page .bullet .dot {\r\n  width: 12px;\r\n  height: 12px;\r\n  border-radius: 999px;\r\n  margin-top: 5px;\r\n  background: #00e5ff;\r\n  box-shadow: 0 0 14px rgba(0,229,255,0.8);\r\n  flex: 0 0 auto;\r\n}\r\n\r\n.anatomie-page .bullet strong {\r\n  display: block;\r\n  margin-bottom: 3px;\r\n}\r\n\r\n.anatomie-page .bullet span {\r\n  color: rgba(255,255,255,0.72);\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n}\r\n\r\n.anatomie-page .image-box {\r\n  overflow: hidden;\r\n  min-height: 420px;\r\n  position: relative;\r\n}\r\n\r\n.anatomie-page .image-box img {\r\n  width: 100%;\r\n  height: 100%;\r\n  min-height: 420px;\r\n  object-fit: cover;\r\n  display: block;\r\n}\r\n\r\n.anatomie-page .image-box .overlay {\r\n  position: absolute;\r\n  inset: auto 18px 18px 18px;\r\n  padding: 16px 18px;\r\n  border-radius: 18px;\r\n  background: rgba(6, 10, 15, 0.56);\r\n  border: 1px solid rgba(255,255,255,0.10);\r\n  backdrop-filter: blur(10px);\r\n}\r\n\r\n.anatomie-page .image-box .overlay strong {\r\n  display: block;\r\n  margin-bottom: 6px;\r\n}\r\n\r\n.anatomie-page .image-box .overlay span {\r\n  color: rgba(255,255,255,0.74);\r\n  font-size: 14px;\r\n  line-height: 1.55;\r\n}\r\n\r\n.anatomie-page .cards {\r\n  display: grid;\r\n  grid-template-columns: repeat(4, 1fr);\r\n  gap: 18px;\r\n}\r\n\r\n.anatomie-page .card {\r\n  position: relative;\r\n  padding: 22px;\r\n  border-radius: 24px;\r\n  background: linear-gradient(145deg, rgba(255,255,255,0.08), rgba(255,255,255,0.03));\r\n  border: 1px solid rgba(255,255,255,0.09);\r\n  backdrop-filter: blur(12px);\r\n  transition: 0.28s ease;\r\n  min-height: 220px;\r\n  overflow: hidden;\r\n}\r\n\r\n.anatomie-page .card::before {\r\n  content: \"\";\r\n  position: absolute;\r\n  inset: 0;\r\n  background: radial-gradient(circle at top left, rgba(0,229,255,0.20), transparent 56%);\r\n  opacity: 0;\r\n  transition: 0.28s ease;\r\n}\r\n\r\n.anatomie-page .card:hover {\r\n  transform: translateY(-10px);\r\n  border-color: rgba(0,229,255,0.40);\r\n  box-shadow: 0 18px 45px rgba(0,229,255,0.12);\r\n}\r\n\r\n.anatomie-page .card:hover::before {\r\n  opacity: 1;\r\n}\r\n\r\n.anatomie-page .card .icon {\r\n  width: 52px;\r\n  height: 52px;\r\n  border-radius: 18px;\r\n  display: grid;\r\n  place-items: center;\r\n  margin-bottom: 16px;\r\n  background: rgba(255,255,255,0.07);\r\n  border: 1px solid rgba(255,255,255,0.09);\r\n  box-shadow: inset 0 0 24px rgba(255,255,255,0.03);\r\n  font-size: 24px;\r\n}\r\n\r\n.anatomie-page .card h3 {\r\n  font-size: 20px;\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.anatomie-page .card p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,0.74);\r\n  line-height: 1.7;\r\n  font-size: 14px;\r\n}\r\n\r\n.anatomie-page .mini-link {\r\n  display: inline-flex;\r\n  margin-top: 14px;\r\n  color: #00e5ff;\r\n  font-weight: 700;\r\n  gap: 6px;\r\n  font-size: 14px;\r\n}\r\n\r\n.anatomie-page .timeline {\r\n  display: grid;\r\n  grid-template-columns: repeat(3, 1fr);\r\n  gap: 18px;\r\n}\r\n\r\n.anatomie-page .step {\r\n  padding: 22px;\r\n  border-radius: 24px;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n}\r\n\r\n.anatomie-page .step .nr {\r\n  display: inline-grid;\r\n  place-items: center;\r\n  width: 38px;\r\n  height: 38px;\r\n  border-radius: 999px;\r\n  background: rgba(0,229,255,0.12);\r\n  color: #00e5ff;\r\n  font-weight: 800;\r\n  margin-bottom: 14px;\r\n}\r\n\r\n.anatomie-page .step h3 {\r\n  margin-bottom: 10px;\r\n}\r\n\r\n.anatomie-page .step p {\r\n  margin: 0;\r\n  color: rgba(255,255,255,0.74);\r\n  line-height: 1.7;\r\n  font-size: 14px;\r\n}\r\n\r\n.anatomie-page details.faq {\r\n  padding: 18px 20px;\r\n  border-radius: 20px;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  margin-bottom: 12px;\r\n}\r\n\r\n.anatomie-page details.faq summary {\r\n  cursor: pointer;\r\n  font-weight: 700;\r\n  list-style: none;\r\n  outline: none;\r\n}\r\n\r\n.anatomie-page details.faq summary::-webkit-details-marker {\r\n  display: none;\r\n}\r\n\r\n.anatomie-page details.faq p {\r\n  margin: 12px 0 0;\r\n  color: rgba(255,255,255,0.74);\r\n  line-height: 1.7;\r\n}\r\n\r\n.anatomie-page .footer {\r\n  padding: 70px 0 40px;\r\n  border-top: 1px solid rgba(255,255,255,0.08);\r\n  background:\r\n    radial-gradient(circle at bottom, rgba(0,229,255,0.12), transparent 42%),\r\n    rgba(6, 10, 15, 0.95);\r\n}\r\n\r\n.anatomie-page .footer-grid {\r\n  display: grid;\r\n  grid-template-columns: 1.2fr 0.8fr 0.8fr;\r\n  gap: 24px;\r\n}\r\n\r\n.anatomie-page .footer h3 {\r\n  margin-bottom: 14px;\r\n  font-size: 18px;\r\n}\r\n\r\n.anatomie-page .footer p,\r\n.anatomie-page .footer a {\r\n  color: rgba(255,255,255,0.72);\r\n  line-height: 1.7;\r\n  font-size: 14px;\r\n}\r\n\r\n.anatomie-page .footer a:hover {\r\n  color: #00e5ff;\r\n}\r\n\r\n.anatomie-page .footer-links {\r\n  display: grid;\r\n  gap: 8px;\r\n}\r\n\r\n.anatomie-page .socials {\r\n  display: flex;\r\n  gap: 10px;\r\n  flex-wrap: wrap;\r\n}\r\n\r\n.anatomie-page .socials a {\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 14px;\r\n  display: grid;\r\n  place-items: center;\r\n  background: rgba(255,255,255,0.05);\r\n  border: 1px solid rgba(255,255,255,0.08);\r\n  transition: 0.25s ease;\r\n}\r\n\r\n.anatomie-page .socials a:hover {\r\n  transform: translateY(-2px);\r\n  border-color: rgba(0,229,255,0.35);\r\n  box-shadow: 0 0 24px rgba(0,229,255,0.12);\r\n}\r\n\r\n.anatomie-page .copyright {\r\n  margin-top: 26px;\r\n  padding-top: 18px;\r\n  border-top: 1px solid rgba(255,255,255,0.08);\r\n  color: rgba(255,255,255,0.52);\r\n  font-size: 13px;\r\n  text-align: center;\r\n}\r\n\r\n.anatomie-page .spacer-top {\r\n  height: 74px;\r\n}\r\n\r\n.anatomie-page .reveal {\r\n  opacity: 0;\r\n  transform: translateY(24px);\r\n  transition: opacity 0.7s ease, transform 0.7s ease;\r\n}\r\n\r\n.anatomie-page .reveal.visible {\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n@keyframes floaty {\r\n  0%, 100% { transform: translateY(0px); }\r\n  50% { transform: translateY(-8px); }\r\n}\r\n\r\n@keyframes pulseMark {\r\n  0%, 100% { box-shadow: 0 0 24px rgba(0,229,255,0.12); transform: translateY(0); }\r\n  50% { box-shadow: 0 0 30px rgba(0,229,255,0.22); transform: translateY(-1px); }\r\n}\r\n\r\n@media (max-width: 1100px) {\r\n  .anatomie-page .cards {\r\n    grid-template-columns: repeat(2, 1fr);\r\n  }\r\n\r\n  .anatomie-page .timeline {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .anatomie-page .footer-grid {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .anatomie-page .hero-grid,\r\n  .anatomie-page .two-col {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .anatomie-page .hero-card img,\r\n  .anatomie-page .image-box img,\r\n  .anatomie-page .image-box {\r\n    min-height: 340px;\r\n  }\r\n}\r\n\r\n@media (max-width: 820px) {\r\n  .anatomie-page .nav,\r\n  .anatomie-page .cta {\r\n    display: none;\r\n  }\r\n\r\n  .anatomie-page .menu-btn {\r\n    display: inline-grid;\r\n    place-items: center;\r\n  }\r\n\r\n  .anatomie-page .stats {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .anatomie-page .cards {\r\n    grid-template-columns: 1fr;\r\n  }\r\n\r\n  .anatomie-page .topbar-inner {\r\n    height: 68px;\r\n  }\r\n\r\n  .anatomie-page .hero {\r\n    padding-top: 96px;\r\n  }\r\n\r\n  .anatomie-page .hero-actions {\r\n    display: grid;\r\n  }\r\n\r\n  .anatomie-page .btn {\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n@media (max-width: 520px) {\r\n  .anatomie-page .wrap {\r\n    padding: 0 16px;\r\n  }\r\n\r\n  .anatomie-page .hero p.lead,\r\n  .anatomie-page .section-title p,\r\n  .anatomie-page .about-box p {\r\n    font-size: 15px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"anatomie-page\" id=\"top\">\r\n  <header class=\"topbar\">\r\n    <div class=\"wrap topbar-inner\">\r\n      <a class=\"brand\" href=\"\/\">\r\n        <span class=\"brand-mark\">\u2318<\/span>\r\n        <span class=\"brand-text\">Anatomie notebooku<\/span>\r\n      <\/a>\r\n\r\n      <nav class=\"nav\" aria-label=\"Hlavn\u00ed menu\">\r\n        <a href=\"\/\" class=\"active\">Dom\u016f<\/a>\r\n        <a href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">O mn\u011b \/ Kontakt<\/a>\r\n        <a href=\"\/#komponenty\">Komponenty<\/a>\r\n        <a href=\"\/#faq\">FAQ<\/a>\r\n      <\/nav>\r\n\r\n      <a class=\"cta\" href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">\r\n        Kontakt\r\n        <span>\u2726<\/span>\r\n      <\/a>\r\n\r\n      <button class=\"menu-btn\" type=\"button\" aria-label=\"Otev\u0159\u00edt menu\" id=\"menuBtn\">\r\n        <span><\/span>\r\n        <span><\/span>\r\n        <span><\/span>\r\n      <\/button>\r\n    <\/div>\r\n\r\n    <div class=\"mobile-nav\" id=\"mobileNav\">\r\n      <a href=\"\/\">Dom\u016f<\/a>\r\n      <a href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">O mn\u011b \/ Kontakt<\/a>\r\n      <a href=\"\/#komponenty\">Komponenty<\/a>\r\n      <a href=\"\/#faq\">FAQ<\/a>\r\n    <\/div>\r\n  <\/header>\r\n\r\n  <div class=\"spacer-top\"><\/div>\r\n\r\n  <section class=\"hero\">\r\n    <div class=\"wrap hero-grid\">\r\n      <div class=\"reveal\">\r\n        <div class=\"eyebrow\"><i><\/i> modern\u00ed pr\u016fvodce hardwarem notebook\u016f<\/div>\r\n        <h1>Anatomie notebooku<\/h1>\r\n        <p class=\"lead\">\r\n          P\u0159ehledn\u00e1 \u00favodn\u00ed str\u00e1nka, kter\u00e1 ukazuje, jak notebook funguje,\r\n          co ovliv\u0148uje jeho v\u00fdkon a pro\u010d jsou jednotliv\u00e9 \u010d\u00e1sti d\u016fle\u017eit\u00e9.\r\n        <\/p>\r\n\r\n        <div class=\"hero-actions\">\r\n          <a class=\"btn btn-primary\" href=\"\/#komponenty\">Za\u010d\u00edt prozkoum\u00e1vat<\/a>\r\n          <a class=\"btn btn-secondary\" href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">V\u00edce o autorovi<\/a>\r\n        <\/div>\r\n\r\n        <div class=\"stats\">\r\n          <div class=\"stat\">\r\n            <strong>5<\/strong>\r\n            <span>hlavn\u00edch \u010d\u00e1st\u00ed notebooku popsan\u00fdch srozumiteln\u011b<\/span>\r\n          <\/div>\r\n          <div class=\"stat\">\r\n            <strong>100%<\/strong>\r\n            <span>responzivn\u00ed rozvr\u017een\u00ed pro mobil, tablet i desktop<\/span>\r\n          <\/div>\r\n          <div class=\"stat\">\r\n            <strong>Glow<\/strong>\r\n            <span>modern\u00ed animace, hover efekty a glass design<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-card reveal\">\r\n        <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1498050108023-c5249f4df085?auto=format&fit=crop&w=1400&q=80\" alt=\"Notebook na stole\">\r\n        <div class=\"hero-card-content\">\r\n          <div class=\"small\">\r\n            Tato str\u00e1nka p\u0159edstavuje z\u00e1kladn\u00ed p\u0159ehled hardwaru notebooku\r\n            v modern\u00edm a vizu\u00e1ln\u011b v\u00fdrazn\u00e9m stylu.\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"o-webu\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-title reveal\">\r\n        <div class=\"kicker\">O webu<\/div>\r\n        <h2>Str\u00e1nka, kter\u00e1 srozumiteln\u011b p\u0159edstav\u00ed z\u00e1kladn\u00ed principy notebooku.<\/h2>\r\n        <p>\r\n          C\u00edlem je nab\u00eddnout p\u0159ehledn\u00fd \u00favod do fungov\u00e1n\u00ed notebooku.\r\n          N\u00e1v\u0161t\u011bvn\u00edk rychle pochop\u00ed, jak\u00e9 \u010d\u00e1sti jsou uvnit\u0159 d\u016fle\u017eit\u00e9 a jak spolu spolupracuj\u00ed.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"two-col\">\r\n        <div class=\"glass about-box reveal\">\r\n          <p>\r\n            Notebook je slo\u017een\u00fd z n\u011bkolika kl\u00ed\u010dov\u00fdch komponent, kter\u00e9 spole\u010dn\u011b ur\u010duj\u00ed jeho v\u00fdkon,\r\n            rychlost i stabilitu. Kdy\u017e je v\u0161e dob\u0159e navr\u017een\u00e9, za\u0159\u00edzen\u00ed p\u016fsob\u00ed svi\u017en\u011b a spolehliv\u011b.\r\n          <\/p>\r\n          <p>\r\n            Tato str\u00e1nka slou\u017e\u00ed jako p\u0159ehledn\u00fd \u00favod do t\u00e9matu. M\u00edsto slo\u017eit\u00fdch technick\u00fdch formulac\u00ed\r\n            nab\u00edz\u00ed jednoduch\u00e9 a praktick\u00e9 vysv\u011btlen\u00ed toho, co se uvnit\u0159 notebooku opravdu d\u011bje.\r\n          <\/p>\r\n\r\n          <div class=\"bullets\">\r\n            <div class=\"bullet\">\r\n              <span class=\"dot\"><\/span>\r\n              <div>\r\n                <strong>CPU jako \u0159\u00eddic\u00ed centrum<\/strong>\r\n                <span>Procesor zpracov\u00e1v\u00e1 v\u00fdpo\u010dty a ovliv\u0148uje rychlost reakce syst\u00e9mu.<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bullet\">\r\n              <span class=\"dot\"><\/span>\r\n              <div>\r\n                <strong>RAM pro plynul\u00fd chod<\/strong>\r\n                <span>Pom\u00e1h\u00e1 notebooku zvl\u00e1dat v\u00edce otev\u0159en\u00fdch aplikac\u00ed najednou.<\/span>\r\n              <\/div>\r\n            <\/div>\r\n            <div class=\"bullet\">\r\n              <span class=\"dot\"><\/span>\r\n              <div>\r\n                <strong>SSD a chlazen\u00ed v praxi<\/strong>\r\n                <span>Rychl\u00e9 \u00falo\u017ei\u0161t\u011b a dobr\u00e9 chlazen\u00ed maj\u00ed velk\u00fd vliv na komfort pou\u017e\u00edv\u00e1n\u00ed.<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"image-box glass reveal\">\r\n          <img decoding=\"async\" src=\"https:\/\/images.unsplash.com\/photo-1525547719571-a2d4ac8945e2?auto=format&fit=crop&w=1400&q=80\" alt=\"Notebook a technick\u00e9 prost\u0159ed\u00ed\">\r\n          <div class=\"overlay\">\r\n            <strong>Modern\u00ed pohled na notebooky<\/strong>\r\n            <span>\u010cist\u00fd design, p\u0159ehledn\u00e9 informace a vizu\u00e1ln\u00ed styl, kter\u00fd dr\u017e\u00ed cel\u00fd web pohromad\u011b.<\/span>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"komponenty\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-title reveal\">\r\n        <div class=\"kicker\">Komponenty<\/div>\r\n        <h2>\u010cty\u0159i z\u00e1kladn\u00ed oblasti, kter\u00e9 ur\u010duj\u00ed v\u00fdkon a chov\u00e1n\u00ed notebooku.<\/h2>\r\n        <p>\r\n          Ka\u017ed\u00e1 karta p\u0159edstavuje jednu d\u016fle\u017eitou sou\u010d\u00e1st notebooku.\r\n          V dal\u0161\u00ed \u010d\u00e1sti webu mohou navazovat detailn\u011bj\u0161\u00ed str\u00e1nky nebo samostatn\u00e9 sekce.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"cards\">\r\n        <article class=\"card reveal\">\r\n          <div class=\"icon\">\ud83e\udde0<\/div>\r\n          <h3>CPU<\/h3>\r\n          <p>Procesor je v\u00fdpo\u010detn\u00ed centrum notebooku. Ovliv\u0148uje rychlost, odezvu i celkov\u00fd pocit ze syst\u00e9mu.<\/p>\r\n          <a class=\"mini-link\" href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">V\u00edce informac\u00ed \u2192<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"card reveal\">\r\n          <div class=\"icon\">\ud83e\udde9<\/div>\r\n          <h3>RAM<\/h3>\r\n          <p>Opera\u010dn\u00ed pam\u011b\u0165 pom\u00e1h\u00e1 p\u0159i multitaskingu a p\u0159i pr\u00e1ci s v\u00edce programy sou\u010dasn\u011b.<\/p>\r\n          <a class=\"mini-link\" href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">V\u00edce informac\u00ed \u2192<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"card reveal\">\r\n          <div class=\"icon\">\ud83d\udcbe<\/div>\r\n          <h3>SSD<\/h3>\r\n          <p>\u00dalo\u017ei\u0161t\u011b ur\u010duje rychlost na\u010d\u00edt\u00e1n\u00ed syst\u00e9mu, aplikac\u00ed i soubor\u016f. SSD je dnes standard.<\/p>\r\n          <a class=\"mini-link\" href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">V\u00edce informac\u00ed \u2192<\/a>\r\n        <\/article>\r\n\r\n        <article class=\"card reveal\">\r\n          <div class=\"icon\">\u2744\ufe0f<\/div>\r\n          <h3>Chlazen\u00ed<\/h3>\r\n          <p>Spr\u00e1vn\u00e9 chlazen\u00ed udr\u017euje stabiln\u00ed v\u00fdkon, sni\u017euje hlu\u010dnost a prodlu\u017euje \u017eivotnost notebooku.<\/p>\r\n          <a class=\"mini-link\" href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">V\u00edce informac\u00ed \u2192<\/a>\r\n        <\/article>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section>\r\n    <div class=\"wrap\">\r\n      <div class=\"section-title reveal\">\r\n        <div class=\"kicker\">Jak to funguje<\/div>\r\n        <h2>Notebook funguje jako propojen\u00fd syst\u00e9m, ne jako sou\u010det samostatn\u00fdch d\u00edl\u016f.<\/h2>\r\n        <p>\r\n          V\u00fdkon, plynulost a teplota se navz\u00e1jem ovliv\u0148uj\u00ed. Kdy\u017e je hardware dob\u0159e slad\u011bn\u00fd,\r\n          cel\u00fd notebook p\u016fsob\u00ed rychle, stabiln\u011b a spolehliv\u011b.\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div class=\"timeline\">\r\n        <div class=\"step reveal\">\r\n          <div class=\"nr\">1<\/div>\r\n          <h3>U\u017eivatel zad\u00e1 po\u017eadavek<\/h3>\r\n          <p>Otev\u0159e\u0161 program, spust\u00ed\u0161 video nebo za\u010dne\u0161 pracovat se souborem. Notebook mus\u00ed reagovat okam\u017eit\u011b a bez zbyte\u010dn\u00e9ho \u010dek\u00e1n\u00ed.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"step reveal\">\r\n          <div class=\"nr\">2<\/div>\r\n          <h3>Komponenty spolupracuj\u00ed<\/h3>\r\n          <p>Procesor po\u010d\u00edt\u00e1, RAM dr\u017e\u00ed b\u011b\u017e\u00edc\u00ed data, disk dod\u00e1v\u00e1 soubory a grafika \u0159e\u0161\u00ed obrazov\u00fd v\u00fdstup.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"step reveal\">\r\n          <div class=\"nr\">3<\/div>\r\n          <h3>Chlazen\u00ed dr\u017e\u00ed stabilitu<\/h3>\r\n          <p>Teplota je pro v\u00fdkon z\u00e1sadn\u00ed. Kdy\u017e roste p\u0159\u00edli\u0161 vysoko, syst\u00e9m v\u00fdkon uprav\u00ed, aby z\u016fstal bezpe\u010dn\u00fd.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <section id=\"faq\">\r\n    <div class=\"wrap\">\r\n      <div class=\"section-title reveal\">\r\n        <div class=\"kicker\">FAQ<\/div>\r\n        <h2>Rychl\u00e9 odpov\u011bdi na z\u00e1kladn\u00ed ot\u00e1zky.<\/h2>\r\n      <\/div>\r\n\r\n      <div class=\"reveal\">\r\n        <details class=\"faq\">\r\n          <summary>Pro\u010d je SSD tak d\u016fle\u017eit\u00e9?<\/summary>\r\n          <p>SSD v\u00fdrazn\u011b urychluje start syst\u00e9mu, na\u010d\u00edt\u00e1n\u00ed aplikac\u00ed i pr\u00e1ci se soubory. V b\u011b\u017en\u00e9m pou\u017e\u00edv\u00e1n\u00ed je rozd\u00edl opravdu znateln\u00fd.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"faq\">\r\n          <summary>Je v\u00edce RAM v\u017edycky lep\u0161\u00ed?<\/summary>\r\n          <p>Ve v\u011bt\u0161in\u011b p\u0159\u00edpad\u016f pom\u016f\u017ee hlavn\u011b p\u0159i multitaskingu. D\u016fle\u017eit\u00e1 je ale celkov\u00e1 vyv\u00e1\u017eenost notebooku, ne jen jedna sou\u010d\u00e1st.<\/p>\r\n        <\/details>\r\n\r\n        <details class=\"faq\">\r\n          <summary>Pro\u010d se notebook zpomaluje p\u0159i vysok\u00e9 teplot\u011b?<\/summary>\r\n          <p>Notebook se t\u00edm chr\u00e1n\u00ed. Kdy\u017e teplota stoupne p\u0159\u00edli\u0161 vysoko, syst\u00e9m sn\u00ed\u017e\u00ed v\u00fdkon, aby nedo\u0161lo k po\u0161kozen\u00ed komponent.<\/p>\r\n        <\/details>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n\r\n  <footer class=\"footer\">\r\n    <div class=\"wrap\">\r\n      <div class=\"footer-grid\">\r\n        <div class=\"reveal\">\r\n          <h3>Anatomie notebooku<\/h3>\r\n          <p>Modern\u00ed vzd\u011bl\u00e1vac\u00ed web zam\u011b\u0159en\u00fd na pochopen\u00ed vnit\u0159n\u00ed stavby notebooku. Str\u00e1nka spojuje jednoduch\u00e9 vysv\u011btlen\u00ed s \u010dist\u00fdm vizu\u00e1ln\u00edm stylem.<\/p>\r\n        <\/div>\r\n\r\n        <div class=\"reveal\">\r\n          <h3>Menu<\/h3>\r\n          <div class=\"footer-links\">\r\n            <a href=\"\/\">Dom\u016f<\/a>\r\n            <a href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\">O mn\u011b \/ Kontakt<\/a>\r\n            <a href=\"\/#komponenty\">Komponenty<\/a>\r\n            <a href=\"\/#faq\">FAQ<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"reveal\">\r\n          <h3>Kontakt<\/h3>\r\n          <p>Nathan Halfar<\/p>\r\n          <p><a href=\"mailto:it2506@sspu-opava.cz\">it2506@sspu-opava.cz<\/a><\/p>\r\n          <div class=\"socials\" aria-label=\"Soci\u00e1ln\u00ed odkazy\">\r\n            <a href=\"mailto:it2506@sspu-opava.cz\" aria-label=\"Email\">\u2709<\/a>\r\n            <a href=\"https:\/\/x.sspu-opava.eu\/?page_id=89\" aria-label=\"Kontakt\">\u25ce<\/a>\r\n            <a href=\"\/\" aria-label=\"Dom\u016f\">\u2318<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"copyright\">\r\n        \u00a9 2026 Anatomie notebooku. V\u0161echny \u010d\u00e1sti str\u00e1nky jsou responzivn\u00ed a p\u0159ipraven\u00e9 pro dal\u0161\u00ed roz\u0161\u00ed\u0159en\u00ed.\r\n      <\/div>\r\n    <\/div>\r\n  <\/footer>\r\n<\/div>\r\n\r\n<script>\r\n(function () {\r\n  const menuBtn = document.getElementById('menuBtn');\r\n  const mobileNav = document.getElementById('mobileNav');\r\n  const navLinks = document.querySelectorAll('.anatomie-page .nav a, .anatomie-page .mobile-nav a');\r\n  const revealEls = document.querySelectorAll('.anatomie-page .reveal');\r\n\r\n  if (menuBtn && mobileNav) {\r\n    menuBtn.addEventListener('click', () => {\r\n      mobileNav.classList.toggle('open');\r\n    });\r\n\r\n    mobileNav.querySelectorAll('a').forEach(link => {\r\n      link.addEventListener('click', () => mobileNav.classList.remove('open'));\r\n    });\r\n  }\r\n\r\n  const observer = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (entry.isIntersecting) entry.target.classList.add('visible');\r\n    });\r\n  }, { threshold: 0.15 });\r\n\r\n  revealEls.forEach(el => observer.observe(el));\r\n\r\n  const sections = ['top', 'o-webu', 'komponenty', 'faq']\r\n    .map(id => document.getElementById(id))\r\n    .filter(Boolean);\r\n\r\n  const navObserver = new IntersectionObserver((entries) => {\r\n    entries.forEach((entry) => {\r\n      if (!entry.isIntersecting) return;\r\n      const id = entry.target.id;\r\n      navLinks.forEach(a => a.classList.toggle('active', a.getAttribute('href') === '#' + id));\r\n    });\r\n  }, { threshold: 0.5 });\r\n\r\n  sections.forEach(sec => navObserver.observe(sec));\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u2318 Anatomie notebooku Dom\u016f O mn\u011b \/ Kontakt Komponenty FAQ Kontakt \u2726 Dom\u016f O mn\u011b \/ Kontakt Komponenty FAQ modern\u00ed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-13","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/x.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/pages\/13","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/x.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/x.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/x.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/x.sspu-opava.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=13"}],"version-history":[{"count":33,"href":"https:\/\/x.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions"}],"predecessor-version":[{"id":119,"href":"https:\/\/x.sspu-opava.eu\/index.php?rest_route=\/wp\/v2\/pages\/13\/revisions\/119"}],"wp:attachment":[{"href":"https:\/\/x.sspu-opava.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=13"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}