{"id":13069,"date":"2026-03-01T00:40:56","date_gmt":"2026-02-28T21:40:56","guid":{"rendered":"https:\/\/mini-talks.org\/app-studio-2\/"},"modified":"2026-04-22T04:00:47","modified_gmt":"2026-04-22T01:00:47","slug":"app-studio","status":"publish","type":"page","link":"https:\/\/mini-talks.org\/de\/app-studio\/","title":{"rendered":"App &amp; Studio"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"13069\" class=\"elementor elementor-13069\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-43ddd45 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"43ddd45\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-68285ab\" data-id=\"68285ab\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-3523974 elementor-widget elementor-widget-html\" data-id=\"3523974\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<!-- ============================================\r\n     LAYER 5 \u2014 HOW TO ACCESS\r\n     Section 0 \u2014 Studio + Mobile App cards with devices overlap\r\n     Elementor > HTML Widget\r\n============================================ -->\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\r\n\r\n\/* Global: yatay scroll engelle \u2014 bar 100vw tam yay\u0131l\u0131r *\/\r\nhtml { overflow-x: clip; }\r\n\r\n.l5-access {\r\n  width: 82%;\r\n  margin: 60px auto 60px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  position: relative;\r\n}\r\n\r\n\/* Outer guard \u2014 tamamen serbest (clip html'de) *\/\r\n.l5-access-wrap-outer {\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: visible;\r\n  margin-bottom: 50px;\r\n}\r\n\r\n\/* ============ TOP ROW: HEADER (left) + SCENE (right) ============ *\/\r\n.l5-access-top {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  align-items: center;\r\n  margin-bottom: 140px;\r\n}\r\n\r\n.l5-access-head h2 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(28px, 3.2vw, 48px);\r\n  color: #FFFFFF;\r\n  -webkit-text-stroke: 2px #E52828;\r\n  paint-order: stroke fill;\r\n  text-shadow:\r\n    2px 2px 0 #E52828,\r\n    -2px -2px 0 #E52828,\r\n    2px -2px 0 #E52828,\r\n    -2px 2px 0 #E52828,\r\n    0 2px 0 #E52828,\r\n    0 -2px 0 #E52828,\r\n    2px 0 0 #E52828,\r\n    -2px 0 0 #E52828;\r\n  margin: 0 0 16px 0;\r\n  line-height: 1.1;\r\n  letter-spacing: 1px;\r\n}\r\n\r\n.l5-access-head p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(14px, 1.3vw, 18px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n  margin: 0 0 14px 0;\r\n  max-width: 95%;\r\n}\r\n.l5-access-head p.cta {\r\n  font-weight: 700;\r\n  margin: 0;\r\n}\r\n.l5-access-head p.cta .link-blue  { color: #0055BF; font-weight: 900; }\r\n.l5-access-head p.cta .link-red   { color: #E52828; font-weight: 900; }\r\n\r\n\/* Scene box with yellow bg \u2014 figure sits at bottom on yellow surface *\/\r\n.l5-access-scene {\r\n  background-color: #FFCC00;\r\n  background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2025\/12\/yellow_bg.png');\r\n  background-position: center bottom;\r\n  background-repeat: no-repeat;\r\n  background-size: 100% auto;\r\n  border-radius: 12px;\r\n  overflow: hidden;\r\n  aspect-ratio: 16 \/ 7;\r\n  position: relative;\r\n}\r\n.l5-access-scene img {\r\n  position: absolute;\r\n  left: 50%;\r\n  bottom: 0;\r\n  transform: translateX(-50%);\r\n  width: auto;\r\n  height: 100%;\r\n  max-width: 95%;\r\n  object-fit: contain;\r\n  display: block;\r\n}\r\n\r\n\/* ============ 2 CARDS WRAPPER (cards + bar behind) ============ *\/\r\n.l5-access-wrap {\r\n  position: relative;\r\n}\r\n\r\n\/* NUCLEAR: force ancestors to NOT clip devices or bar *\/\r\n.l5-access,\r\n.l5-access-wrap,\r\n.l5-access-cards,\r\n.l5-access-top,\r\n.l5-access-card {\r\n  overflow: visible !important;\r\n}\r\n\r\n\/* RYBG bar \u2014 absolute positioned, breaks out of 82% parent via calc *\/\r\n.l5-access-bar {\r\n  position: absolute !important;\r\n  left: 50% !important;\r\n  transform: translateX(-50vw) !important;\r\n  width: 100vw !important;\r\n  max-width: 100vw !important;\r\n  bottom: 90px;\r\n  height: 28px;\r\n  display: flex;\r\n  z-index: 0;\r\n  overflow: hidden !important;\r\n}\r\n.l5-access-bar span {\r\n  flex: 1;\r\n  height: 100%;\r\n  display: block;\r\n}\r\n.l5-access-bar span:nth-child(1) { background: #E52828; }\r\n.l5-access-bar span:nth-child(2) { background: #FFCC00; }\r\n.l5-access-bar span:nth-child(3) { background: #0055BF; }\r\n.l5-access-bar span:nth-child(4) { background: #237841; }\r\n\r\n.l5-access-cards {\r\n  display: grid;\r\n  grid-template-columns: 1fr 1fr;\r\n  gap: 40px;\r\n  position: relative;\r\n  z-index: 2;\r\n}\r\n\r\n\/* DI\u015e card \u2014 renkli, asymmetric padding + flex column *\/\r\n.l5-access-card {\r\n  position: relative;\r\n  padding: 32px 8px 8px 8px; \/* top 32 kal\u0131n, yan\/alt e\u015fit 8 *\/\r\n  border-radius: 32px;\r\n  overflow: visible;\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n\/* \u0130\u00c7 body \u2014 beyaz, outer 32 - padding 8 = 24 (alt\/yan concentric) *\/\r\n.l5-access-card-body {\r\n  background: #FFFFFF;\r\n  border-radius: 24px; \/* outer 32 - padding 8 = alt\/yan k\u00f6\u015felerde concentric *\/\r\n  padding: 120px 28px 34px;\r\n  text-align: center;\r\n  position: relative;\r\n  flex: 1; \/* kalan y\u00fcksekli\u011fi doldur \u2014 iki kart e\u015fit *\/\r\n}\r\n\r\n\/* Stud strip on top \u2014 -60px yukar\u0131da *\/\r\n.l5-access-studs {\r\n  position: absolute;\r\n  top: -30px;\r\n  left: 0;\r\n  right: 0;\r\n  width: 90%;\r\n  height: 32px;\r\n  margin: 0 auto;\r\n  background-repeat: no-repeat;\r\n  background-position: center center;\r\n  background-size: 100% 100%;\r\n  z-index: 3;\r\n  pointer-events: none;\r\n}\r\n\r\n\/* Color variants \u2014 art\u0131k background rengi *\/\r\n.l5-access-card.c-red  { background: #E52828; }\r\n.l5-access-card.c-red  .l5-access-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/bricks.png'); }\r\n.l5-access-card.c-red  h3 { color: #E52828; }\r\n\r\n.l5-access-card.c-blue { background: #0055BF; }\r\n.l5-access-card.c-blue .l5-access-studs { background-image: url('https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/bricks-1.png'); }\r\n.l5-access-card.c-blue h3 { color: #0055BF; }\r\n\r\n\/* Device image \u2014 overlaps high above the card *\/\r\n.l5-access-device {\r\n  position: absolute;\r\n  top: -140px;\r\n  left: 50%;\r\n  transform: translateX(-50%);\r\n  z-index: 4;\r\n  pointer-events: none;\r\n}\r\n.l5-access-device img {\r\n  display: block;\r\n  max-width: 100%;\r\n  height: auto;\r\n}\r\n.l5-access-card.c-red  .l5-access-device img { width: clamp(200px, 22vw, 290px); }\r\n.l5-access-card.c-blue .l5-access-device img { width: clamp(180px, 19vw, 240px); transform: rotate(-8deg); }\r\n\r\n.l5-access-card h3 {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(22px, 2.2vw, 32px);\r\n  margin: 0 0 12px 0;\r\n  line-height: 1.2;\r\n}\r\n.l5-access-card p {\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 600;\r\n  font-size: clamp(13px, 1.2vw, 16px);\r\n  color: #1D1D1B;\r\n  line-height: 1.55;\r\n  margin: 0 0 22px 0;\r\n}\r\n\r\n\/* Studio \u2014 single button *\/\r\n.l5-access-btn {\r\n  display: inline-block;\r\n  background: #E52828;\r\n  color: #FFFFFF !important;\r\n  border: 2px solid #1D1D1B;\r\n  border-bottom-width: 6px;\r\n  border-radius: 8px;\r\n  padding: 10px 28px 8px;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 900;\r\n  font-size: clamp(13px, 1.2vw, 15px);\r\n  text-decoration: none !important;\r\n  cursor: pointer;\r\n  transition: transform 0.15s ease;\r\n}\r\n.l5-access-btn:hover { transform: translateY(-2px); }\r\n\r\n\/* Mobile \u2014 2 store badges *\/\r\n.l5-access-stores {\r\n  display: flex;\r\n  gap: 14px;\r\n  justify-content: center;\r\n  align-items: center;\r\n  flex-wrap: wrap;\r\n}\r\n.l5-access-store {\r\n  display: block;\r\n  transition: transform 0.15s ease;\r\n}\r\n.l5-access-store:hover { transform: translateY(-2px); }\r\n.l5-access-store img {\r\n  height: 48px;\r\n  width: auto;\r\n  display: block;\r\n}\r\n\r\n\/* ============ BOTTOM NOTE CARD ============ *\/\r\n.l5-access-note {\r\n  background: #FFFFFF;\r\n  border: 8px solid #000000;\r\n  border-bottom-width: 22px;\r\n  border-radius: 32px;\r\n  padding: 26px 30px;\r\n  text-align: center;\r\n  font-family: 'Montserrat', sans-serif;\r\n  font-weight: 700;\r\n  font-size: clamp(14px, 1.3vw, 17px);\r\n  color: #1D1D1B;\r\n  line-height: 1.6;\r\n}\r\n\r\n\/* ============ RESPONSIVE ============ *\/\r\n@media (max-width: 900px) {\r\n  .l5-access-top {\r\n    grid-template-columns: 1fr;\r\n    gap: 20px;\r\n    margin-bottom: 140px;\r\n  }\r\n  .l5-access-cards {\r\n    grid-template-columns: 1fr;\r\n    gap: 160px;\r\n  }\r\n  .l5-access-card-body { padding-top: 110px; }\r\n  .l5-access-device { top: -170px; }\r\n  .l5-access-bar {\r\n    left: 50% !important;\r\n    transform: translateX(-50vw) !important;\r\n    width: 100vw !important;\r\n    height: 18px;\r\n    bottom: 60px;\r\n  }\r\n}\r\n<\/style>\r\n\r\n<div class=\"l5-access\">\r\n\r\n  <!-- TOP: Header (left) + Scene with yellow bg (right) -->\r\n  <div class=\"l5-access-top\">\r\n    <div class=\"l5-access-head\">\r\n      <h2>Wie man zugreift<\/h2>\r\n      <p>Beginnen Sie Ihr Mini-Talks-Erlebnis mit strukturierter, interaktiver und anpassbarer Kommunikation.<\/p>\r\n      <p class=\"cta\">Herunterladen vom <span class=\"link-blue\">App-Store<\/span> oder <span class=\"link-red\">Google Play<\/span>,<br>oder \u00f6ffnen Sie das Studio unter <span class=\"link-red\">mini-talks.de<\/span>.<\/p>\r\n    <\/div>\r\n    <div class=\"l5-access-scene\">\r\n      <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2025\/12\/mobile3dbanner.png\" alt=\"Mini-Talks Scene\" \/>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- OUTER WRAPPER -->\r\n  <div class=\"l5-access-wrap-outer\">\r\n    <!-- CARDS WRAPPER with RYBG bar behind -->\r\n    <div class=\"l5-access-wrap\">\r\n\r\n      <!-- RYBG bar \u2014 protrudes outward beyond the cards -->\r\n      <div class=\"l5-access-bar\">\r\n        <span><\/span><span><\/span><span><\/span><span><\/span>\r\n      <\/div>\r\n\r\n      <!-- 2 CARDS -->\r\n      <div class=\"l5-access-cards\">\r\n\r\n        <!-- STUDIO CARD (RED) -->\r\n        <div class=\"l5-access-card c-red\">\r\n          <div class=\"l5-access-studs\"><\/div>\r\n          <div class=\"l5-access-device\">\r\n            <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2025\/12\/laptop.png\" alt=\"Studio Laptop\" \/>\r\n          <\/div>\r\n          <div class=\"l5-access-card-body\">\r\n            <h3>Studio<\/h3>\r\n            <p>\u00d6ffnen Sie Mini-Talks direkt in Ihrem Browser.<br>Starten Sie sofort, ohne etwas herunterzuladen.<\/p>\r\n            <a href=\"https:\/\/mini-talks.com\" target=\"_blank\" rel=\"noopener\" class=\"l5-access-btn\">Offenes Atelier<\/a>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- MOBILE APP CARD (BLUE) -->\r\n        <div class=\"l5-access-card c-blue\">\r\n          <div class=\"l5-access-studs\"><\/div>\r\n          <div class=\"l5-access-device\">\r\n            <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2025\/12\/phone.png\" alt=\"Mobile Phone\" \/>\r\n          <\/div>\r\n          <div class=\"l5-access-card-body\">\r\n            <h3>Mobile App<\/h3>\r\n            <p>Laden Sie Mini-Talks aus dem App Store oder von Google Play herunter. Starten Sie auf Ihrem Ger\u00e4t, wann immer Sie wollen.<\/p>\r\n            <div class=\"l5-access-stores\">\r\n              <a href=\"#\" class=\"l5-access-store\">\r\n                <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/b79246ffb34feda95710d808e25bc3d9a488fe88.png\" alt=\"App Store\" \/>\r\n              <\/a>\r\n              <a href=\"#\" class=\"l5-access-store\">\r\n                <img decoding=\"async\" src=\"https:\/\/mini-talks.org\/wp-content\/uploads\/2026\/04\/ff3554bc9cd413ccb6ac7e8c59b7f3a1aea20a28.png\" alt=\"Google Play\" \/>\r\n              <\/a>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n  <!-- BOTTOM NOTE -->\r\n  <div class=\"l5-access-note\">\r\n    Das gleiche Erlebnis im Web und auf dem Handy.<br>\r\n    Verwenden Sie dasselbe Konto, um Ihr Erlebnis nahtlos fortzusetzen.\r\n  <\/div>\r\n\r\n<\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>How To Access Start your Mini-Talks experience with structured, interactive, and customizable communication. Download from the App Store or Google Play,or open Studio at mini-talks.com. Studio Open Mini-Talks directly in your browser.Start instantly without downloading anything. Open Studio Mobile App Download Mini-Talks from the App Store or Google Play. Start on your device anytime. The&hellip; <a class=\"more-link\" href=\"https:\/\/mini-talks.org\/de\/app-studio\/\"><span class=\"screen-reader-text\">App &amp; Studio<\/span> weiterlesen<\/a><\/p>","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-13069","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages\/13069","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/comments?post=13069"}],"version-history":[{"count":6,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages\/13069\/revisions"}],"predecessor-version":[{"id":13481,"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/pages\/13069\/revisions\/13481"}],"wp:attachment":[{"href":"https:\/\/mini-talks.org\/de\/wp-json\/wp\/v2\/media?parent=13069"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}