var/cache/dev/twig/95/95dd9c9c958bbc8e1031a9512ce675d7.php line 48

Open in your IDE?
  1. <?php
  3. use Twig\Environment;
  4. use Twig\Error\LoaderError;
  5. use Twig\Error\RuntimeError;
  6. use Twig\Extension\SandboxExtension;
  7. use Twig\Markup;
  8. use Twig\Sandbox\SecurityError;
  9. use Twig\Sandbox\SecurityNotAllowedTagError;
  10. use Twig\Sandbox\SecurityNotAllowedFilterError;
  11. use Twig\Sandbox\SecurityNotAllowedFunctionError;
  12. use Twig\Source;
  13. use Twig\Template;
  15. /* includes/detailSnippet.html.twig */
  16. class __TwigTemplate_13e69e189760bdc8b84dda5443470568 extends Template
  17. {
  18.     private $source;
  19.     private $macros = [];
  21.     public function __construct(Environment $env)
  22.     {
  23.         parent::__construct($env);
  25.         $this->source = $this->getSourceContext();
  27.         $this->blocks = [
  28.             'content' => [$this, 'block_content'],
  29.         ];
  30.     }
  32.     protected function doGetParent(array $context)
  33.     {
  34.         // line 1
  35.         return "layout/layout-snippet.html.twig";
  36.     }
  38.     protected function doDisplay(array $context, array $blocks = [])
  39.     {
  40.         $macros = $this->macros;
  41.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  42.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "includes/detailSnippet.html.twig"));
  44.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  45.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "template", "includes/detailSnippet.html.twig"));
  47.         $this->parent = $this->loadTemplate("layout/layout-snippet.html.twig", "includes/detailSnippet.html.twig", 1);
  48.         $this->parent->display($context, array_merge($this->blocks, $blocks));
  49.         
  50.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  52.         
  53.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  55.     }
  57.     // line 3
  58.     public function block_content($context, array $blocks = [])
  59.     {
  60.         $macros = $this->macros;
  61.         $__internal_5a27a8ba21ca79b61932376b2fa922d2 = $this->extensions["Symfony\\Bundle\\WebProfilerBundle\\Twig\\WebProfilerExtension"];
  62.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->enter($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  64.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f = $this->extensions["Symfony\\Bridge\\Twig\\Extension\\ProfilerExtension"];
  65.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->enter($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof = new \Twig\Profiler\Profile($this->getTemplateName(), "block", "content"));
  67.         // line 4
  68.         echo "    <section class=\"snippet-wrapper\">
  69.         <div class=\"snippet-container\">
  71.             ";
  72.         // line 8
  73.         echo "            <a class=\"x-btn\">
  74.                 <form>
  76.                     <input type=\"button\" onclick=\"history.back()\">
  78.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\">
  79.                         <g transform=\"translate(-103.765 0.235)\" style=\"isolation: isolate\">
  80.                             <g transform=\"translate(103.765 -0.235)\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\">
  81.                                 <rect width=\"42\" height=\"42\" rx=\"21\" stroke=\"none\"/>
  82.                                 <rect x=\"1\" y=\"1\" width=\"40\" height=\"40\" rx=\"20\" fill=\"none\"/>
  83.                             </g>
  84.                             <text transform=\"translate(124.765 28.765)\" font-size=\"25\" font-family=\"ZapfDingbatsITC, Zapf Dingbats\"><tspan x=\"-9.528\" y=\"0\">✕</tspan></text>
  85.                         </g>
  86.                     </svg>
  88.                 </form>
  89.             </a>
  91.             ";
  92.         // line 27
  93.         echo "            <div class=\"text\">
  94.                 <div class=\"container\">
  96.                     ";
  97.         // line 30
  98.         if ((isset($context["editmode"]) || array_key_exists("editmode", $context) ? $context["editmode"] : (function () { throw new RuntimeError('Variable "editmode" does not exist.', 30, $this->source); })())) {
  99.             // line 31
  100.             echo "                        <h1>";
  101.             echo $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "input", "headline", ["placeholder" => "Fachzeitschriften"]);
  102.             echo "</h1>
  103.                     ";
  104.         } elseif (( !        // line 32
  105. (isset($context["editmode"]) || array_key_exists("editmode", $context) ? $context["editmode"] : (function () { throw new RuntimeError('Variable "editmode" does not exist.', 32, $this->source); })()) &&  !twig_get_attribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "input", "headline"), "isEmpty", [], "method", false, false, false, 32))) {
  106.             // line 33
  107.             echo "                        <h1>";
  108.             echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "input", "headline"), "getData", [], "method", false, false, false, 33), "html", null, true);
  109.             echo "</h1>
  110.                     ";
  111.         }
  112.         // line 35
  113.         echo "
  114.                     ";
  115.         // line 36
  116.         if ((isset($context["editmode"]) || array_key_exists("editmode", $context) ? $context["editmode"] : (function () { throw new RuntimeError('Variable "editmode" does not exist.', 36, $this->source); })())) {
  117.             // line 37
  118.             echo "                        ";
  119.             echo $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "wysiwyg", "snippetContent", ["height" => 200, "toolbarGroups" => [0 => ["name" => "basicstyles", "groups" => [0 => "basicstyles", 1 => "list", 2 => "links"]]]]);
  120.             // line 44
  121.             echo "
  122.                     ";
  123.         } elseif (( !        // line 45
  124. (isset($context["editmode"]) || array_key_exists("editmode", $context) ? $context["editmode"] : (function () { throw new RuntimeError('Variable "editmode" does not exist.', 45, $this->source); })()) &&  !twig_get_attribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "wysiwyg", "snippetContent"), "isEmpty", [], "method", false, false, false, 45))) {
  125.             // line 46
  126.             echo "                        ";
  127.             echo twig_get_attribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "wysiwyg", "snippetContent"), "getData", [], "method", false, false, false, 46);
  128.             echo "
  129.                     ";
  130.         }
  131.         // line 48
  132.         echo "
  133.                     ";
  134.         // line 50
  135.         echo "                    <form>
  136.                         <a class=\"btn-snippet\">
  138.                             <input type=\"button\" onclick=\"history.back()\">
  140.                             <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"215.129\" height=\"49.2\" viewBox=\"0 0 215.129 49.2\">
  141.                                 <g id=\"Gruppe_138\" transform=\"translate(312 -4274)\" style=\"isolation: isolate\">
  142.                                     <g id=\"Gruppe_84\" transform=\"translate(-312 4274)\" style=\"mix-blend-mode: screen;isolation: isolate\">
  143.                                         <g id=\"Gruppe_85\" style=\"mix-blend-mode: screen;isolation: isolate\">
  144.                                             <g id=\"Pfad_37\" fill=\"none\">
  145.                                                 <path d=\"M25.1,0H190.031a24.853,24.853,0,0,1,25.1,24.6,24.853,24.853,0,0,1-25.1,24.6H25.1A24.853,24.853,0,0,1,0,24.6,24.853,24.853,0,0,1,25.1,0Z\" stroke=\"none\"/>
  146.                                                 <path d=\"M 25.09840393066406 2 C 21.97430419921875 2 18.94509887695312 2.599117279052734 16.09489440917969 3.780704498291016 C 13.34346008300781 4.921352386474609 10.87266540527344 6.554058074951172 8.7510986328125 8.633499145507812 C 6.632339477539062 10.71017837524414 4.969451904296875 13.12705993652344 3.80865478515625 15.81700134277344 C 2.6085205078125 18.59811782836914 1.999984741210938 21.55314826965332 1.999984741210938 24.60000038146973 C 1.999984741210938 27.64685249328613 2.6085205078125 30.60188293457031 3.80865478515625 33.38299942016602 C 4.969451904296875 36.07294082641602 6.632339477539062 38.48982238769531 8.7510986328125 40.56650161743164 C 10.87266540527344 42.64594268798828 13.34346008300781 44.27864837646484 16.09489440917969 45.41929626464844 C 18.94509887695312 46.60088348388672 21.97430419921875 47.20000076293945 25.09840393066406 47.20000076293945 L 190.0306396484375 47.20000076293945 C 193.1547241210938 47.20000076293945 196.1839294433594 46.60088348388672 199.0341339111328 45.41929626464844 C 201.7855682373047 44.27864837646484 204.2563629150391 42.64594268798828 206.3779296875 40.56650161743164 C 208.4966888427734 38.48982238769531 210.1595458984375 36.07294082641602 211.3203430175781 33.38299942016602 C 212.5204772949219 30.60188293457031 213.1290130615234 27.64685249328613 213.1290130615234 24.60000038146973 C 213.1290130615234 21.55314826965332 212.5204772949219 18.59811782836914 211.3203430175781 15.81700134277344 C 210.1595458984375 13.12705993652344 208.4966888427734 10.71017837524414 206.3779296875 8.633499145507812 C 204.2563629150391 6.554058074951172 201.7855682373047 4.921352386474609 199.0341339111328 3.780704498291016 C 196.1839294433594 2.599117279052734 193.1547241210938 2 190.0306396484375 2 L 25.09840393066406 2 M 25.09840393066406 0 L 190.0306396484375 0 C 203.8921051025391 0 215.1290130615234 11.0137939453125 215.1290130615234 24.60000038146973 C 215.1290130615234 38.18620681762695 203.8921051025391 49.20000076293945 190.0306396484375 49.20000076293945 L 25.09840393066406 49.20000076293945 C 11.23692321777344 49.20000076293945 -1.52587890625e-05 38.18620681762695 -1.52587890625e-05 24.60000038146973 C -1.52587890625e-05 11.0137939453125 11.23692321777344 0 25.09840393066406 0 Z\" stroke=\"none\" fill=\"#000\"/>
  147.                                             </g>
  148.                                             <text id=\"_Zurück\" transform=\"translate(101.801 33.201)\" font-size=\"27\" font-family=\"LucidaGrande, Lucida Grande\"><tspan x=\"-60.818\" y=\"0\">←</tspan><tspan y=\"0\" xml:space=\"preserve\" font-family=\"MuseoSans-500, Museo Sans\" font-weight=\"500\"> Zurück</tspan></text>
  149.                                         </g>
  150.                                     </g>
  151.                                 </g>
  152.                             </svg>
  154.                         </a>
  155.                     </form>
  157.                 </div>
  158.             </div>
  160.             ";
  161.         // line 76
  162.         echo "            ";
  163.         if ((isset($context["editmode"]) || array_key_exists("editmode", $context) ? $context["editmode"] : (function () { throw new RuntimeError('Variable "editmode" does not exist.', 76, $this->source); })())) {
  164.             // line 77
  165.             echo "
  166.                 ";
  167.             // line 78
  168.             echo $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "relations", "SnippetImages", ["types" => [0 => "object"], "title" => "Magazin Objekte Ablegen", "subtypes" => ["object" => [0 => "object"]], "classes" => [0 => "Magazin"]]);
  169.             // line 85
  170.             echo "
  172.             ";
  173.         } elseif (( !        // line 87
  174. (isset($context["editmode"]) || array_key_exists("editmode", $context) ? $context["editmode"] : (function () { throw new RuntimeError('Variable "editmode" does not exist.', 87, $this->source); })()) &&  !twig_get_attribute($this->env, $this->source, $this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "relations", "SnippetImages"), "isEmpty", [], "method", false, false, false, 87))) {
  175.             // line 88
  176.             echo "
  177.                 <div class=\"images-container\">
  178.                     <div class=\"images\">
  179.                         ";
  180.             // line 91
  181.             $context['_parent'] = $context;
  182.             $context['_seq'] = twig_ensure_traversable($this->extensions['Pimcore\Twig\Extension\DocumentEditableExtension']->renderEditable($context, "relations", "SnippetImages"));
  183.             $context['loop'] = [
  184.               'parent' => $context['_parent'],
  185.               'index0' => 0,
  186.               'index'  => 1,
  187.               'first'  => true,
  188.             ];
  189.             if (is_array($context['_seq']) || (is_object($context['_seq']) && $context['_seq'] instanceof \Countable)) {
  190.                 $length = count($context['_seq']);
  191.                 $context['loop']['revindex0'] = $length - 1;
  192.                 $context['loop']['revindex'] = $length;
  193.                 $context['loop']['length'] = $length;
  194.                 $context['loop']['last'] = 1 === $length;
  195.             }
  196.             foreach ($context['_seq'] as $context["_key"] => $context["img"]) {
  197.                 // line 92
  198.                 echo "
  199.                             ";
  200.                 // line 94
  201.                 echo "                            <a ";
  202.                 if ((twig_get_attribute($this->env, $this->source, $context["img"], "getModal", [], "method", false, false, false, 94) != "true")) {
  203.                     echo " ";
  204.                     if (twig_get_attribute($this->env, $this->source, $context["img"], "getLink", [], "method", false, false, false, 94)) {
  205.                         echo "href=\"";
  206.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["img"], "getLink", [], "method", false, false, false, 94), "getHref", [], "method", false, false, false, 94), "html", null, true);
  207.                         echo "\"";
  208.                     }
  209.                     echo " target=\"";
  210.                     echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["img"], "getLink", [], "method", false, false, false, 94), "getTarget", [], "method", false, false, false, 94), "html", null, true);
  211.                     echo "\" ";
  212.                 }
  213.                 echo ">
  214.                                 <div class=\"";
  215.                 // line 95
  216.                 if (twig_get_attribute($this->env, $this->source, $context["img"], "video", [], "any", false, false, false, 95)) {
  217.                     echo "teaser-video";
  218.                 } else {
  219.                     echo "teaser";
  220.                 }
  221.                 echo " ";
  222.                 echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, (isset($context["document"]) || array_key_exists("document", $context) ? $context["document"] : (function () { throw new RuntimeError('Variable "document" does not exist.', 95, $this->source); })()), "getProperty", [0 => "Name"], "method", false, false, false, 95), "html", null, true);
  223.                 echo "\">
  225.                                     <div class=\"image-container\">
  227.                                         ";
  228.                 // line 99
  229.                 echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["img"], "getImage", [], "method", false, false, false, 99), "thumbnail", [0 => "SnippetTeaser"], "method", false, false, false, 99), "html", [], "method", false, false, false, 99);
  230.                 echo "
  232.                                         ";
  233.                 // line 101
  234.                 if (twig_get_attribute($this->env, $this->source, $context["img"], "video", [], "any", false, false, false, 101)) {
  235.                     // line 102
  236.                     echo "                                            ";
  237.                     echo twig_include($this->env, $context, "svg/play.html.twig");
  238.                     echo "
  239.                                         ";
  240.                 }
  241.                 // line 104
  242.                 echo "
  243.                                     </div>
  245.                                     ";
  246.                 // line 108
  247.                 echo "                                    ";
  248.                 if ((twig_get_attribute($this->env, $this->source, $context["img"], "getModal", [], "method", false, false, false, 108) == "true")) {
  249.                     // line 109
  250.                     echo "
  251.                                         ";
  252.                     // line 111
  253.                     echo "                                        ";
  254.                     if (twig_get_attribute($this->env, $this->source, $context["img"], "video", [], "any", false, false, false, 111)) {
  255.                         // line 112
  256.                         echo "                                            <div class=\"modal-video\">
  258.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\">
  259.                                                     <g transform=\"translate(-103.765 0.235)\" style=\"isolation: isolate\">
  260.                                                         <g transform=\"translate(103.765 -0.235)\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\">
  261.                                                             <rect width=\"42\" height=\"42\" rx=\"21\" stroke=\"none\"/>
  262.                                                             <rect x=\"1\" y=\"1\" width=\"40\" height=\"40\" rx=\"20\" fill=\"none\"/>
  263.                                                         </g>
  264.                                                         <text transform=\"translate(124.765 28.765)\" font-size=\"25\" font-family=\"ZapfDingbatsITC, Zapf Dingbats\"><tspan x=\"-9.528\" y=\"0\">✕</tspan></text>
  265.                                                     </g>
  266.                                                 </svg>
  268.                                                 <div class=\"video\">
  269.                                                     <video controls>
  270.                                                         <source src=\"";
  271.                         // line 126
  272.                         echo twig_escape_filter($this->env, twig_get_attribute($this->env, $this->source, $context["img"], "video", [], "any", false, false, false, 126), "html", null, true);
  273.                         echo "\">
  274.                                                     </video>
  275.                                                 </div>
  277.                                             </div>
  278.                                         ";
  279.                     } else {
  280.                         // line 132
  281.                         echo "                                            <div class=\"modal-image\">
  283.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\">
  284.                                                     <g transform=\"translate(-103.765 0.235)\" style=\"isolation: isolate\">
  285.                                                         <g transform=\"translate(103.765 -0.235)\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\">
  286.                                                             <rect width=\"42\" height=\"42\" rx=\"21\" stroke=\"none\"/>
  287.                                                             <rect x=\"1\" y=\"1\" width=\"40\" height=\"40\" rx=\"20\" fill=\"none\"/>
  288.                                                         </g>
  289.                                                         <text transform=\"translate(124.765 28.765)\" font-size=\"25\" font-family=\"ZapfDingbatsITC, Zapf Dingbats\"><tspan x=\"-9.528\" y=\"0\">✕</tspan></text>
  290.                                                     </g>
  291.                                                 </svg>
  293.                                                 ";
  294.                         // line 144
  295.                         echo twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, twig_get_attribute($this->env, $this->source, $context["img"], "getImage", [], "method", false, false, false, 144), "thumbnail", [0 => "ModalImage"], "method", false, false, false, 144), "html", [], "method", false, false, false, 144);
  296.                         echo "
  298.                                             </div>
  299.                                         ";
  300.                     }
  301.                     // line 148
  302.                     echo "                                    ";
  303.                 }
  304.                 // line 149
  305.                 echo "
  306.                                 </div>
  307.                             </a>
  309.                         ";
  310.                 ++$context['loop']['index0'];
  311.                 ++$context['loop']['index'];
  312.                 $context['loop']['first'] = false;
  313.                 if (isset($context['loop']['length'])) {
  314.                     --$context['loop']['revindex0'];
  315.                     --$context['loop']['revindex'];
  316.                     $context['loop']['last'] = 0 === $context['loop']['revindex0'];
  317.                 }
  318.             }
  319.             $_parent = $context['_parent'];
  320.             unset($context['_seq'], $context['_iterated'], $context['_key'], $context['img'], $context['_parent'], $context['loop']);
  321.             $context = array_intersect_key($context, $_parent) + $_parent;
  322.             // line 154
  323.             echo "                    </div>
  324.                 </div>
  326.                 ";
  327.             // line 158
  328.             echo "                <form class=\"back-btn-form\">
  330.                     <input type=\"button\" onclick=\"history.back()\">
  332.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"215.129\" height=\"49.2\" viewBox=\"0 0 215.129 49.2\">
  333.                         <g id=\"Gruppe_138\" transform=\"translate(312 -4274)\" style=\"isolation: isolate\">
  334.                             <g id=\"Gruppe_84\" transform=\"translate(-312 4274)\" style=\"mix-blend-mode: screen;isolation: isolate\">
  335.                                 <g id=\"Gruppe_85\" style=\"mix-blend-mode: screen;isolation: isolate\">
  336.                                     <g id=\"Pfad_37\" fill=\"none\">
  337.                                         <path d=\"M25.1,0H190.031a24.853,24.853,0,0,1,25.1,24.6,24.853,24.853,0,0,1-25.1,24.6H25.1A24.853,24.853,0,0,1,0,24.6,24.853,24.853,0,0,1,25.1,0Z\" stroke=\"none\"/>
  338.                                         <path d=\"M 25.09840393066406 2 C 21.97430419921875 2 18.94509887695312 2.599117279052734 16.09489440917969 3.780704498291016 C 13.34346008300781 4.921352386474609 10.87266540527344 6.554058074951172 8.7510986328125 8.633499145507812 C 6.632339477539062 10.71017837524414 4.969451904296875 13.12705993652344 3.80865478515625 15.81700134277344 C 2.6085205078125 18.59811782836914 1.999984741210938 21.55314826965332 1.999984741210938 24.60000038146973 C 1.999984741210938 27.64685249328613 2.6085205078125 30.60188293457031 3.80865478515625 33.38299942016602 C 4.969451904296875 36.07294082641602 6.632339477539062 38.48982238769531 8.7510986328125 40.56650161743164 C 10.87266540527344 42.64594268798828 13.34346008300781 44.27864837646484 16.09489440917969 45.41929626464844 C 18.94509887695312 46.60088348388672 21.97430419921875 47.20000076293945 25.09840393066406 47.20000076293945 L 190.0306396484375 47.20000076293945 C 193.1547241210938 47.20000076293945 196.1839294433594 46.60088348388672 199.0341339111328 45.41929626464844 C 201.7855682373047 44.27864837646484 204.2563629150391 42.64594268798828 206.3779296875 40.56650161743164 C 208.4966888427734 38.48982238769531 210.1595458984375 36.07294082641602 211.3203430175781 33.38299942016602 C 212.5204772949219 30.60188293457031 213.1290130615234 27.64685249328613 213.1290130615234 24.60000038146973 C 213.1290130615234 21.55314826965332 212.5204772949219 18.59811782836914 211.3203430175781 15.81700134277344 C 210.1595458984375 13.12705993652344 208.4966888427734 10.71017837524414 206.3779296875 8.633499145507812 C 204.2563629150391 6.554058074951172 201.7855682373047 4.921352386474609 199.0341339111328 3.780704498291016 C 196.1839294433594 2.599117279052734 193.1547241210938 2 190.0306396484375 2 L 25.09840393066406 2 M 25.09840393066406 0 L 190.0306396484375 0 C 203.8921051025391 0 215.1290130615234 11.0137939453125 215.1290130615234 24.60000038146973 C 215.1290130615234 38.18620681762695 203.8921051025391 49.20000076293945 190.0306396484375 49.20000076293945 L 25.09840393066406 49.20000076293945 C 11.23692321777344 49.20000076293945 -1.52587890625e-05 38.18620681762695 -1.52587890625e-05 24.60000038146973 C -1.52587890625e-05 11.0137939453125 11.23692321777344 0 25.09840393066406 0 Z\" stroke=\"none\" fill=\"#000\"/>
  339.                                     </g>
  340.                                     <text id=\"_Zurück\" transform=\"translate(101.801 33.201)\" font-size=\"27\" font-family=\"LucidaGrande, Lucida Grande\"><tspan x=\"-60.818\" y=\"0\">←</tspan><tspan y=\"0\" xml:space=\"preserve\" font-family=\"MuseoSans-500, Museo Sans\" font-weight=\"500\"> Zurück</tspan></text>
  341.                                 </g>
  342.                             </g>
  343.                         </g>
  344.                     </svg>
  346.                 </form>
  348.             ";
  349.         }
  350.         // line 179
  351.         echo "        </div>
  352.     </section>
  354.     <script src=\"/assets/js/snippet.js\"></script>
  357.     
  358.     <style>
  359.         @media (min-width: 1440px) {
  360.             .snippet-wrapper .snippet-container .images {
  361.                 width: 100%;
  362.                 max-height: none;
  363.                 overflow-x: hidden;
  364.                 overflow-y: hidden;
  365.                 scrollbar-width: auto;
  366.             }
  367.         }
  369.         @media (min-width: 1440px) {
  370.             .snippet-wrapper .snippet-container .images-container {
  371.                 height: calc(100vh - 200px);
  372.                 max-height: none;
  373.                 overflow-x: auto;
  374.                 width: 60%;
  375.             }
  376.         }
  378.         @media (min-width: 992px) {
  379.            .snippet-wrapper .snippet-container .images a .teaser {
  380.                 width: calc(50% - 10px);
  381.                 max-width: none;
  382.                 max-height: none;
  383.             }
  384.         }
  386.         .snippet-wrapper .snippet-container .images a .teaser-video img {
  387.             object-fit: contain !important;
  388.             height: 100%;
  389.             width: 100%;
  390.             display: block;
  391.         }
  393.         .video {
  394.             height: 100%;
  395.             display: flex;
  396.             align-items: center;
  397.             justify-content: center;
  398.             margin-top: 20px;
  399.         }
  401.         @media (min-width: 992px) {
  402.             .video {
  403.                 margin-top: 0;
  404.             }
  405.         }
  407.         .video video {
  408.             height: 100%;
  409.             max-height: 80%;
  410.         }
  412.         .snippet-wrapper .snippet-container .images a .teaser-video .image-container {
  413.             position: relative;
  414.         }
  416.         .snippet-wrapper .snippet-container .images a .teaser-video .image-container svg {
  417.             position: absolute;
  418.             top: 50%;
  419.             left: 50%;
  420.             z-index: 1;
  421.             width: 80px;
  422.             height: auto;
  423.             transform: translate(-50%, -50%);
  424.         }
  426.         .snippet-wrapper .snippet-container .images a .teaser-video .image-container svg path {
  427.             fill: white;
  428.         }
  430.         .snippet-wrapper .snippet-container .images .modal-image {
  431.             z-index: 2;
  432.         }
  434.         .snippet-wrapper .snippet-container .images .modal-image.active {
  435.             display: block;
  436.             right: 0vw;
  438.             position: fixed;
  439.             top: 0;
  440.             height: calc(100vh);
  441.             width: calc(100vw - 15px);
  442.             padding: 10px;
  443.         }
  445.         .snippet-wrapper .snippet-container .images .modal-image.active svg {
  446.             top: 3%;
  447.         }
  449.         .snippet-wrapper .snippet-container .images .modal-video.active svg {
  450.             top: 3%;
  451.             position: absolute;
  452.             right: 50%;
  453.             transform: translateX(50%);
  454.             cursor: pointer;
  455.         }
  457.         .snippet-wrapper .snippet-container .images a .teaser-video {
  458.             height: fit-content;
  459.             cursor: pointer;
  460.         }
  462.         @media (min-width: 992px) {
  463.             .snippet-wrapper .snippet-container .images a .teaser-video {
  464.                 width: calc(33% - 12px);
  465.                 max-width: none;
  466.                 max-height: none;
  467.             }
  468.         }
  470.         .snippet-wrapper .snippet-container .images .modal-video {
  471.             z-index: 2;
  472.         }
  474.         .snippet-wrapper .snippet-container .images .modal-video {
  475.             position: absolute;
  476.             top: 5%;
  477.             width: 99vw;
  478.             height: 95vh;
  479.             background-color: #F7F6F5;
  480.             display: none;
  481.         }
  483.         @media (min-width: 1440px) {
  484.             .snippet-wrapper .snippet-container .images .modal-video {
  485.                 right: 0vw;
  486.             }
  487.         }
  489.         .snippet-wrapper .snippet-container .images .modal-video.active {
  490.             display: block;
  491.             right: 0vw;
  492.             position: fixed;
  493.             top: 0;
  494.             height: 100vh;
  495.             width: 100vw;
  496.             padding: 10px;
  497.         }
  499.     </style>
  501. ";
  502.         
  503.         $__internal_6f47bbe9983af81f1e7450e9a3e3768f->leave($__internal_6f47bbe9983af81f1e7450e9a3e3768f_prof);
  505.         
  506.         $__internal_5a27a8ba21ca79b61932376b2fa922d2->leave($__internal_5a27a8ba21ca79b61932376b2fa922d2_prof);
  508.     }
  510.     public function getTemplateName()
  511.     {
  512.         return "includes/detailSnippet.html.twig";
  513.     }
  515.     public function isTraitable()
  516.     {
  517.         return false;
  518.     }
  520.     public function getDebugInfo()
  521.     {
  522.         return array (  351 => 179,  328 => 158,  323 => 154,  305 => 149,  302 => 148,  295 => 144,  281 => 132,  272 => 126,  256 => 112,  253 => 111,  250 => 109,  247 => 108,  242 => 104,  236 => 102,  234 => 101,  229 => 99,  216 => 95,  201 => 94,  198 => 92,  181 => 91,  176 => 88,  174 => 87,  170 => 85,  168 => 78,  165 => 77,  162 => 76,  135 => 50,  132 => 48,  126 => 46,  124 => 45,  121 => 44,  118 => 37,  116 => 36,  113 => 35,  107 => 33,  105 => 32,  100 => 31,  98 => 30,  93 => 27,  73 => 8,  68 => 4,  58 => 3,  35 => 1,);
  523.     }
  525.     public function getSourceContext()
  526.     {
  527.         return new Source("{% extends 'layout/layout-snippet.html.twig' %}
  529. {% block content %}
  530.     <section class=\"snippet-wrapper\">
  531.         <div class=\"snippet-container\">
  533.             {# mobile close button #}
  534.             <a class=\"x-btn\">
  535.                 <form>
  537.                     <input type=\"button\" onclick=\"history.back()\">
  539.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\">
  540.                         <g transform=\"translate(-103.765 0.235)\" style=\"isolation: isolate\">
  541.                             <g transform=\"translate(103.765 -0.235)\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\">
  542.                                 <rect width=\"42\" height=\"42\" rx=\"21\" stroke=\"none\"/>
  543.                                 <rect x=\"1\" y=\"1\" width=\"40\" height=\"40\" rx=\"20\" fill=\"none\"/>
  544.                             </g>
  545.                             <text transform=\"translate(124.765 28.765)\" font-size=\"25\" font-family=\"ZapfDingbatsITC, Zapf Dingbats\"><tspan x=\"-9.528\" y=\"0\">✕</tspan></text>
  546.                         </g>
  547.                     </svg>
  549.                 </form>
  550.             </a>
  552.             {# title, text, back button #}
  553.             <div class=\"text\">
  554.                 <div class=\"container\">
  556.                     {% if editmode %}
  557.                         <h1>{{ pimcore_input('headline',{'placeholder':'Fachzeitschriften'}) }}</h1>
  558.                     {% elseif not editmode and not pimcore_input('headline').isEmpty() %}
  559.                         <h1>{{ pimcore_input('headline').getData() }}</h1>
  560.                     {% endif %}
  562.                     {% if editmode %}
  563.                         {{ pimcore_wysiwyg(\"snippetContent\", {
  564.                             \"height\": 200,
  565.                             \"toolbarGroups\": [
  566.                                 {
  567.                                     \"name\": 'basicstyles',
  568.                                     \"groups\": [ 'basicstyles', 'list', \"links\"]
  569.                                 }
  570.                             ]}) }}
  571.                     {% elseif not editmode and not pimcore_wysiwyg(\"snippetContent\").isEmpty() %}
  572.                         {{ pimcore_wysiwyg(\"snippetContent\").getData() | raw }}
  573.                     {% endif %}
  575.                     {# back button #}
  576.                     <form>
  577.                         <a class=\"btn-snippet\">
  579.                             <input type=\"button\" onclick=\"history.back()\">
  581.                             <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"215.129\" height=\"49.2\" viewBox=\"0 0 215.129 49.2\">
  582.                                 <g id=\"Gruppe_138\" transform=\"translate(312 -4274)\" style=\"isolation: isolate\">
  583.                                     <g id=\"Gruppe_84\" transform=\"translate(-312 4274)\" style=\"mix-blend-mode: screen;isolation: isolate\">
  584.                                         <g id=\"Gruppe_85\" style=\"mix-blend-mode: screen;isolation: isolate\">
  585.                                             <g id=\"Pfad_37\" fill=\"none\">
  586.                                                 <path d=\"M25.1,0H190.031a24.853,24.853,0,0,1,25.1,24.6,24.853,24.853,0,0,1-25.1,24.6H25.1A24.853,24.853,0,0,1,0,24.6,24.853,24.853,0,0,1,25.1,0Z\" stroke=\"none\"/>
  587.                                                 <path d=\"M 25.09840393066406 2 C 21.97430419921875 2 18.94509887695312 2.599117279052734 16.09489440917969 3.780704498291016 C 13.34346008300781 4.921352386474609 10.87266540527344 6.554058074951172 8.7510986328125 8.633499145507812 C 6.632339477539062 10.71017837524414 4.969451904296875 13.12705993652344 3.80865478515625 15.81700134277344 C 2.6085205078125 18.59811782836914 1.999984741210938 21.55314826965332 1.999984741210938 24.60000038146973 C 1.999984741210938 27.64685249328613 2.6085205078125 30.60188293457031 3.80865478515625 33.38299942016602 C 4.969451904296875 36.07294082641602 6.632339477539062 38.48982238769531 8.7510986328125 40.56650161743164 C 10.87266540527344 42.64594268798828 13.34346008300781 44.27864837646484 16.09489440917969 45.41929626464844 C 18.94509887695312 46.60088348388672 21.97430419921875 47.20000076293945 25.09840393066406 47.20000076293945 L 190.0306396484375 47.20000076293945 C 193.1547241210938 47.20000076293945 196.1839294433594 46.60088348388672 199.0341339111328 45.41929626464844 C 201.7855682373047 44.27864837646484 204.2563629150391 42.64594268798828 206.3779296875 40.56650161743164 C 208.4966888427734 38.48982238769531 210.1595458984375 36.07294082641602 211.3203430175781 33.38299942016602 C 212.5204772949219 30.60188293457031 213.1290130615234 27.64685249328613 213.1290130615234 24.60000038146973 C 213.1290130615234 21.55314826965332 212.5204772949219 18.59811782836914 211.3203430175781 15.81700134277344 C 210.1595458984375 13.12705993652344 208.4966888427734 10.71017837524414 206.3779296875 8.633499145507812 C 204.2563629150391 6.554058074951172 201.7855682373047 4.921352386474609 199.0341339111328 3.780704498291016 C 196.1839294433594 2.599117279052734 193.1547241210938 2 190.0306396484375 2 L 25.09840393066406 2 M 25.09840393066406 0 L 190.0306396484375 0 C 203.8921051025391 0 215.1290130615234 11.0137939453125 215.1290130615234 24.60000038146973 C 215.1290130615234 38.18620681762695 203.8921051025391 49.20000076293945 190.0306396484375 49.20000076293945 L 25.09840393066406 49.20000076293945 C 11.23692321777344 49.20000076293945 -1.52587890625e-05 38.18620681762695 -1.52587890625e-05 24.60000038146973 C -1.52587890625e-05 11.0137939453125 11.23692321777344 0 25.09840393066406 0 Z\" stroke=\"none\" fill=\"#000\"/>
  588.                                             </g>
  589.                                             <text id=\"_Zurück\" transform=\"translate(101.801 33.201)\" font-size=\"27\" font-family=\"LucidaGrande, Lucida Grande\"><tspan x=\"-60.818\" y=\"0\">←</tspan><tspan y=\"0\" xml:space=\"preserve\" font-family=\"MuseoSans-500, Museo Sans\" font-weight=\"500\"> Zurück</tspan></text>
  590.                                         </g>
  591.                                     </g>
  592.                                 </g>
  593.                             </svg>
  595.                         </a>
  596.                     </form>
  598.                 </div>
  599.             </div>
  601.             {# images or videos #}
  602.             {% if editmode %}
  604.                 {{ pimcore_relations(\"SnippetImages\", {
  605.                     \"types\": [\"object\"],
  606.                     \"title\": \"Magazin Objekte Ablegen\",
  607.                     \"subtypes\": {
  608.                         \"object\": [\"object\"]
  609.                     },
  610.                     \"classes\": [\"Magazin\"]
  611.                 }) }}
  613.             {% elseif not editmode and not pimcore_relations(\"SnippetImages\").isEmpty() %}
  615.                 <div class=\"images-container\">
  616.                     <div class=\"images\">
  617.                         {% for img in pimcore_relations(\"SnippetImages\") %}
  619.                             {# Magazin objects #}
  620.                             <a {% if img.getModal() != \"true\" %} {% if img.getLink() %}href=\"{{ img.getLink().getHref() }}\"{% endif %} target=\"{{ img.getLink().getTarget() }}\" {% endif %}>
  621.                                 <div class=\"{% if img.video %}teaser-video{% else %}teaser{% endif %} {{ document.getProperty('Name') }}\">
  623.                                     <div class=\"image-container\">
  625.                                         {{ img.getImage().thumbnail('SnippetTeaser').html() | raw }}
  627.                                         {% if img.video %}
  628.                                             {{ include('svg/play.html.twig') }}
  629.                                         {% endif %}
  631.                                     </div>
  633.                                     {# modal #}
  634.                                     {% if img.getModal() == \"true\" %}
  636.                                         {# video or image #}
  637.                                         {% if img.video %}
  638.                                             <div class=\"modal-video\">
  640.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\">
  641.                                                     <g transform=\"translate(-103.765 0.235)\" style=\"isolation: isolate\">
  642.                                                         <g transform=\"translate(103.765 -0.235)\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\">
  643.                                                             <rect width=\"42\" height=\"42\" rx=\"21\" stroke=\"none\"/>
  644.                                                             <rect x=\"1\" y=\"1\" width=\"40\" height=\"40\" rx=\"20\" fill=\"none\"/>
  645.                                                         </g>
  646.                                                         <text transform=\"translate(124.765 28.765)\" font-size=\"25\" font-family=\"ZapfDingbatsITC, Zapf Dingbats\"><tspan x=\"-9.528\" y=\"0\">✕</tspan></text>
  647.                                                     </g>
  648.                                                 </svg>
  650.                                                 <div class=\"video\">
  651.                                                     <video controls>
  652.                                                         <source src=\"{{ img.video }}\">
  653.                                                     </video>
  654.                                                 </div>
  656.                                             </div>
  657.                                         {% else %}
  658.                                             <div class=\"modal-image\">
  660.                                                 <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"42\" height=\"42\" viewBox=\"0 0 42 42\">
  661.                                                     <g transform=\"translate(-103.765 0.235)\" style=\"isolation: isolate\">
  662.                                                         <g transform=\"translate(103.765 -0.235)\" fill=\"none\" stroke=\"#000\" stroke-width=\"2\">
  663.                                                             <rect width=\"42\" height=\"42\" rx=\"21\" stroke=\"none\"/>
  664.                                                             <rect x=\"1\" y=\"1\" width=\"40\" height=\"40\" rx=\"20\" fill=\"none\"/>
  665.                                                         </g>
  666.                                                         <text transform=\"translate(124.765 28.765)\" font-size=\"25\" font-family=\"ZapfDingbatsITC, Zapf Dingbats\"><tspan x=\"-9.528\" y=\"0\">✕</tspan></text>
  667.                                                     </g>
  668.                                                 </svg>
  670.                                                 {{ img.getImage().thumbnail('ModalImage').html() | raw }}
  672.                                             </div>
  673.                                         {% endif %}
  674.                                     {% endif %}
  676.                                 </div>
  677.                             </a>
  679.                         {% endfor %}
  680.                     </div>
  681.                 </div>
  683.                 {# back button #}
  684.                 <form class=\"back-btn-form\">
  686.                     <input type=\"button\" onclick=\"history.back()\">
  688.                     <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"215.129\" height=\"49.2\" viewBox=\"0 0 215.129 49.2\">
  689.                         <g id=\"Gruppe_138\" transform=\"translate(312 -4274)\" style=\"isolation: isolate\">
  690.                             <g id=\"Gruppe_84\" transform=\"translate(-312 4274)\" style=\"mix-blend-mode: screen;isolation: isolate\">
  691.                                 <g id=\"Gruppe_85\" style=\"mix-blend-mode: screen;isolation: isolate\">
  692.                                     <g id=\"Pfad_37\" fill=\"none\">
  693.                                         <path d=\"M25.1,0H190.031a24.853,24.853,0,0,1,25.1,24.6,24.853,24.853,0,0,1-25.1,24.6H25.1A24.853,24.853,0,0,1,0,24.6,24.853,24.853,0,0,1,25.1,0Z\" stroke=\"none\"/>
  694.                                         <path d=\"M 25.09840393066406 2 C 21.97430419921875 2 18.94509887695312 2.599117279052734 16.09489440917969 3.780704498291016 C 13.34346008300781 4.921352386474609 10.87266540527344 6.554058074951172 8.7510986328125 8.633499145507812 C 6.632339477539062 10.71017837524414 4.969451904296875 13.12705993652344 3.80865478515625 15.81700134277344 C 2.6085205078125 18.59811782836914 1.999984741210938 21.55314826965332 1.999984741210938 24.60000038146973 C 1.999984741210938 27.64685249328613 2.6085205078125 30.60188293457031 3.80865478515625 33.38299942016602 C 4.969451904296875 36.07294082641602 6.632339477539062 38.48982238769531 8.7510986328125 40.56650161743164 C 10.87266540527344 42.64594268798828 13.34346008300781 44.27864837646484 16.09489440917969 45.41929626464844 C 18.94509887695312 46.60088348388672 21.97430419921875 47.20000076293945 25.09840393066406 47.20000076293945 L 190.0306396484375 47.20000076293945 C 193.1547241210938 47.20000076293945 196.1839294433594 46.60088348388672 199.0341339111328 45.41929626464844 C 201.7855682373047 44.27864837646484 204.2563629150391 42.64594268798828 206.3779296875 40.56650161743164 C 208.4966888427734 38.48982238769531 210.1595458984375 36.07294082641602 211.3203430175781 33.38299942016602 C 212.5204772949219 30.60188293457031 213.1290130615234 27.64685249328613 213.1290130615234 24.60000038146973 C 213.1290130615234 21.55314826965332 212.5204772949219 18.59811782836914 211.3203430175781 15.81700134277344 C 210.1595458984375 13.12705993652344 208.4966888427734 10.71017837524414 206.3779296875 8.633499145507812 C 204.2563629150391 6.554058074951172 201.7855682373047 4.921352386474609 199.0341339111328 3.780704498291016 C 196.1839294433594 2.599117279052734 193.1547241210938 2 190.0306396484375 2 L 25.09840393066406 2 M 25.09840393066406 0 L 190.0306396484375 0 C 203.8921051025391 0 215.1290130615234 11.0137939453125 215.1290130615234 24.60000038146973 C 215.1290130615234 38.18620681762695 203.8921051025391 49.20000076293945 190.0306396484375 49.20000076293945 L 25.09840393066406 49.20000076293945 C 11.23692321777344 49.20000076293945 -1.52587890625e-05 38.18620681762695 -1.52587890625e-05 24.60000038146973 C -1.52587890625e-05 11.0137939453125 11.23692321777344 0 25.09840393066406 0 Z\" stroke=\"none\" fill=\"#000\"/>
  695.                                     </g>
  696.                                     <text id=\"_Zurück\" transform=\"translate(101.801 33.201)\" font-size=\"27\" font-family=\"LucidaGrande, Lucida Grande\"><tspan x=\"-60.818\" y=\"0\">←</tspan><tspan y=\"0\" xml:space=\"preserve\" font-family=\"MuseoSans-500, Museo Sans\" font-weight=\"500\"> Zurück</tspan></text>
  697.                                 </g>
  698.                             </g>
  699.                         </g>
  700.                     </svg>
  702.                 </form>
  704.             {% endif %}
  705.         </div>
  706.     </section>
  708.     <script src=\"/assets/js/snippet.js\"></script>
  711.     
  712.     <style>
  713.         @media (min-width: 1440px) {
  714.             .snippet-wrapper .snippet-container .images {
  715.                 width: 100%;
  716.                 max-height: none;
  717.                 overflow-x: hidden;
  718.                 overflow-y: hidden;
  719.                 scrollbar-width: auto;
  720.             }
  721.         }
  723.         @media (min-width: 1440px) {
  724.             .snippet-wrapper .snippet-container .images-container {
  725.                 height: calc(100vh - 200px);
  726.                 max-height: none;
  727.                 overflow-x: auto;
  728.                 width: 60%;
  729.             }
  730.         }
  732.         @media (min-width: 992px) {
  733.            .snippet-wrapper .snippet-container .images a .teaser {
  734.                 width: calc(50% - 10px);
  735.                 max-width: none;
  736.                 max-height: none;
  737.             }
  738.         }
  740.         .snippet-wrapper .snippet-container .images a .teaser-video img {
  741.             object-fit: contain !important;
  742.             height: 100%;
  743.             width: 100%;
  744.             display: block;
  745.         }
  747.         .video {
  748.             height: 100%;
  749.             display: flex;
  750.             align-items: center;
  751.             justify-content: center;
  752.             margin-top: 20px;
  753.         }
  755.         @media (min-width: 992px) {
  756.             .video {
  757.                 margin-top: 0;
  758.             }
  759.         }
  761.         .video video {
  762.             height: 100%;
  763.             max-height: 80%;
  764.         }
  766.         .snippet-wrapper .snippet-container .images a .teaser-video .image-container {
  767.             position: relative;
  768.         }
  770.         .snippet-wrapper .snippet-container .images a .teaser-video .image-container svg {
  771.             position: absolute;
  772.             top: 50%;
  773.             left: 50%;
  774.             z-index: 1;
  775.             width: 80px;
  776.             height: auto;
  777.             transform: translate(-50%, -50%);
  778.         }
  780.         .snippet-wrapper .snippet-container .images a .teaser-video .image-container svg path {
  781.             fill: white;
  782.         }
  784.         .snippet-wrapper .snippet-container .images .modal-image {
  785.             z-index: 2;
  786.         }
  788.         .snippet-wrapper .snippet-container .images .modal-image.active {
  789.             display: block;
  790.             right: 0vw;
  792.             position: fixed;
  793.             top: 0;
  794.             height: calc(100vh);
  795.             width: calc(100vw - 15px);
  796.             padding: 10px;
  797.         }
  799.         .snippet-wrapper .snippet-container .images .modal-image.active svg {
  800.             top: 3%;
  801.         }
  803.         .snippet-wrapper .snippet-container .images .modal-video.active svg {
  804.             top: 3%;
  805.             position: absolute;
  806.             right: 50%;
  807.             transform: translateX(50%);
  808.             cursor: pointer;
  809.         }
  811.         .snippet-wrapper .snippet-container .images a .teaser-video {
  812.             height: fit-content;
  813.             cursor: pointer;
  814.         }
  816.         @media (min-width: 992px) {
  817.             .snippet-wrapper .snippet-container .images a .teaser-video {
  818.                 width: calc(33% - 12px);
  819.                 max-width: none;
  820.                 max-height: none;
  821.             }
  822.         }
  824.         .snippet-wrapper .snippet-container .images .modal-video {
  825.             z-index: 2;
  826.         }
  828.         .snippet-wrapper .snippet-container .images .modal-video {
  829.             position: absolute;
  830.             top: 5%;
  831.             width: 99vw;
  832.             height: 95vh;
  833.             background-color: #F7F6F5;
  834.             display: none;
  835.         }
  837.         @media (min-width: 1440px) {
  838.             .snippet-wrapper .snippet-container .images .modal-video {
  839.                 right: 0vw;
  840.             }
  841.         }
  843.         .snippet-wrapper .snippet-container .images .modal-video.active {
  844.             display: block;
  845.             right: 0vw;
  846.             position: fixed;
  847.             top: 0;
  848.             height: 100vh;
  849.             width: 100vw;
  850.             padding: 10px;
  851.         }
  853.     </style>
  855. {% endblock %}", "includes/detailSnippet.html.twig", "/home/httpd/vhosts/a4interactive.ch/httpdocs/apimedia.a4interactive.ch/apimedia/templates/includes/detailSnippet.html.twig");
  856.     }
  857. }