hr-design-system-handlebars 0.50.6 → 0.50.7

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v0.50.7 (Tue Jul 26 2022)
+
+#### 🐛 Bug Fix
+
+- Dpe 1641 [#284](https://github.com/mumprod/hr-design-system-handlebars/pull/284) ([@vascoeduardo](https://github.com/vascoeduardo))
+
+#### Authors: 1
+
+- Vasco ([@vascoeduardo](https://github.com/vascoeduardo))
+
+---
+
 # v0.50.6 (Tue Jul 19 2022)
 
 #### 🐛 Bug Fix

package/dist/assets/index.css

@@ -551,7 +551,7 @@ video {
   font-size: 1.125rem;
   line-height: 1.5rem;
 }
-.headline--barrier {
+.headline-barrier {
         display: -webkit-box;
         display: -ms-flexbox;
         display: flex;
@@ -564,17 +564,26 @@ video {
                 align-items: center;
         text-align: center;
     }
-.headline--barrier:before,
-    .headline--barrier:after {
+.headline-barrier:before,
+    .headline-barrier:after {
         content: '';
         border-top: 1px solid;
-        margin: 3px 20px 0 0;
+        margin: 3px 10px 0 0;
         -webkit-box-flex: 1;
             -ms-flex: 1 0 20px;
                 flex: 1 0 20px;
     }
-.headline--barrier:after {
-        margin: 3px 0 0 20px;
+.headline-barrier:after {
+        margin: 3px 0 0 10px;
+        
+    }
+@media (min-width: 768px) {
+        .headline-barrier:after {
+            margin: 3px 0 0 20px;           
+        }
+        .headline-barrier:before {
+            margin: 3px 20px 0 0;           
+        }
     }
 .sr-only {
   position: absolute;
@@ -1188,34 +1197,18 @@ video {
 .bg-transparent {
   background-color: transparent;
 }
-.bg-gray-100 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
-}
-.bg-green-300 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(134, 239, 172, var(--tw-bg-opacity));
-}
-.bg-gray-500 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
-}
 .bg-white {
   --tw-bg-opacity: 1;
   background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
 }
-.bg-blue-200 {
+.bg-gray-500 {
   --tw-bg-opacity: 1;
-  background-color: rgba(191, 219, 254, var(--tw-bg-opacity));
+  background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
 }
 .bg-blue-400 {
   --tw-bg-opacity: 1;
   background-color: rgba(96, 165, 250, var(--tw-bg-opacity));
 }
-.bg-red-400 {
-  --tw-bg-opacity: 1;
-  background-color: rgba(248, 113, 113, var(--tw-bg-opacity));
-}
 .bg-labelMedia {
   background-color: #006dc1;
   background-color: var(--color-label-media);
@@ -1553,6 +1546,10 @@ video {
   --tw-text-opacity: 1;
   color: rgba(0, 82, 147, var(--tw-text-opacity));
 }
+.text-blue-science {
+  --tw-text-opacity: 1;
+  color: rgba(0, 109, 193, var(--tw-text-opacity));
+}
 .text-orange-spicyCarrot {
   --tw-text-opacity: 1;
   color: rgba(211, 70, 0, var(--tw-text-opacity));
@@ -1560,6 +1557,10 @@ video {
 .text-opacity-50 {
   --tw-text-opacity: 0.5;
 }
+.no-underline {
+  -webkit-text-decoration-line: none;
+          text-decoration-line: none;
+}
 .decoration-1 {
   text-decoration-thickness: 1px;
 }
@@ -2801,6 +2802,10 @@ video {
     line-height: 1rem;
   }
 
+  .md\:decoration-2 {
+    text-decoration-thickness: 2px;
+  }
+
   .md\:drop-shadow-md {
     --tw-drop-shadow: drop-shadow(0 5px 3px rgba(0, 0, 0, 0.07));
     -webkit-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);

package/dist/views/components/base/load_dynamic.hbs

@@ -5,9 +5,15 @@
     {{#case "components/teaser/group_teaser/group_teaser"}}
         {{> components/teaser/group_teaser/group_teaser}}
     {{/case}}
+    {{#case "components/teaser/group_teaser/group_highlight"}}
+        {{> components/teaser/group_teaser/group_highlight}}
+    {{/case}}
     {{#case "components/teaser/tabbox/group_tabbox"}}
         {{> components/teaser/tabbox/group_tabbox}}
     {{/case}}
+    {{#case "components/teaser/tabbox/teaser_tabbox"}}
+        {{> components/teaser/tabbox/teaser_tabbox}}
+    {{/case}}
     {{#case "components/teaser/teaser_standard"}}
         {{> components/teaser/teaser_standard}}
     {{/case}}

package/dist/views/components/grid/grid.hbs

@@ -1,6 +1,6 @@
 
-<div class="grid bg-gray-100 grid-page">
-  <div class="grid grid-cols-12 py-6 bg-green-300 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">   
+<div class="grid grid-page">
+  <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
     {{#>components/grid/grid_group size="100"}}
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
       {{#>components/grid/grid_item size="12"}}
@@ -11,7 +11,7 @@
         </a>
       {{/components/grid/grid_item}}   
     {{/components/grid/grid_group}} 
-    {{#>components/grid/grid_group_full  }}    
+    {{#>components/grid/grid_group_highlight  }}    
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100% mit blauen Hintergrung bis Rand</h2>
       {{#>components/grid/grid_item size="6"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
@@ -23,7 +23,7 @@
           6/12 = 50%    
         </div>
       {{/components/grid/grid_item}} 
-    {{/components/grid/grid_group_full}} 
+    {{/components/grid/grid_group_highlight}} 
 
     {{#>components/grid/grid_group size="100"}}
 

package/dist/views/components/grid/grid_group_highlight.hbs

@@ -0,0 +1,9 @@
+</div>
+<div class="grid bg-blue-400 col-full grid-page">
+    <section class="grid grid-cols-12 px-8 py-6 bg-blue-400 col-full sm:col-main gap-x-6 gap-y-9">
+        <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
+            {{> @partial-block }}
+        </div>
+    </section>
+</div>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/dist/views/components/grid/grid_group_tabbed.hbs

@@ -1,5 +1,5 @@
 </div>
-<div class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
+<section class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
     {{> @partial-block }}
-</div>
-<div class="grid grid-cols-12 py-6 bg-green-300 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
+</section>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/dist/views/components/teaser/group_teaser/group_highlight.hbs

@@ -0,0 +1,10 @@
+{{#>components/grid/grid_group_highlight }}  
+    {{~#if this.hasGroupTitle}}
+        <h2 class="text-2xl text-center md:text-3xl col-span-full">
+            {{~#if this.hasLink}}<a class="link" href="{{this.link.url}}">{{/if~}}
+                {{this.groupTitle}}
+            {{~#if this.hasLink}}</a>{{/if~}}
+        </h2>
+    {{/if}}        
+    {{~> components/teaser/teaser_logic/teaser_logic ~}}
+{{/components/grid/grid_group_highlight}}  

package/dist/views/components/teaser/group_teaser/group_teaser.hbs

@@ -1,10 +1,10 @@
 {{#>components/grid/grid_group size=this.teaserSize }}  
-        {{~#if this.hasGroupTitle}}
-            <h2 class="text-4xl headline--barrier col-span-full">
-                {{~#if this.hasLink}}<a class="link" href="{{this.link.url}}">{{/if~}}
-                    <span class="headline--separator__text">{{this.groupTitle}}</span>
-                {{~#if this.hasLink}}</a>{{/if~}}
-            </h2>
-        {{/if}}        
-        {{~> components/teaser/teaser_logic/teaser_logic ~}}
+    {{~#if this.hasGroupTitle}}
+        <h2 class="text-2xl md:text-3xl headline-barrier col-span-full">
+            {{~#if this.hasLink}}<a class="no-underline hover:underline decoration-1 md:decoration-2 text-blue-science" href="{{this.link.url}}">{{/if~}}
+                {{this.groupTitle}}
+            {{~#if this.hasLink}}</a>{{/if~}}
+        </h2>
+    {{/if}}
+    {{~> components/teaser/teaser_logic/teaser_logic ~}}
 {{/components/grid/grid_group}}  

package/dist/views/components/teaser/tabbox/teaser_tabbox.hbs

@@ -1,3 +1,4 @@
+</div>
 <div 
   x-data="{ tab: '{{this.tabbedGroup.[0].title}}' }"
   class="grid grid-cols-12 pt-6 md:pt-7 bg-[#dce8f0] mx-0 md:rounded-tl-3xl md:rounded-br-3xl col-main gap-x-6 gap-y-6"
@@ -19,4 +20,5 @@
     </div>
     {{~> components/teaser/teaser_logic/teaser_logic ~}}
   </section>
-</div>
+</div>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/package.json

@@ -6,7 +6,7 @@
     "license": "MIT",
     "main": "dist/index.js",
     "repository": "https://github.com/szuelch/hr-design-system-handlebars",
-    "version": "0.50.6",
+    "version": "0.50.7",
     "scripts": {
         "test": "echo \"Error: no test specified\" && exit 1",
         "storybook": "start-storybook -p 6006 public",

package/src/assets/css/custom-components.css

@@ -31,7 +31,7 @@
         @apply px-6 py-3 text-lg;
     }
 
-    .headline--barrier {
+    .headline-barrier {
         display: flex;
         width: 100%;
         justify-content: center;
@@ -39,15 +39,24 @@
         text-align: center;
     }
 
-    .headline--barrier:before,
-    .headline--barrier:after {
+    .headline-barrier:before,
+    .headline-barrier:after {
         content: '';
         border-top: 1px solid;
-        margin: 3px 20px 0 0;
+        margin: 3px 10px 0 0;
         flex: 1 0 20px;
     }
 
-    .headline--barrier:after {
-        margin: 3px 0 0 20px;
+    .headline-barrier:after {
+        margin: 3px 0 0 10px;
+        
+    }
+    @media screen(md) {
+        .headline-barrier:after {
+            margin: 3px 0 0 20px;           
+        }
+        .headline-barrier:before {
+            margin: 3px 20px 0 0;           
+        }
     }
 }

package/src/assets/fixtures/teaser/teaser_group_100.json

@@ -0,0 +1,4 @@
+{
+    "@->jsoninclude": "teaser/teaser_groups.inc.json",
+    "@->contentpath": "teaser_2_50"
+}

package/src/assets/fixtures/teaser/{teaser_group_100_2x_50.inc.json → teaser_groups.inc.json}

@@ -163,5 +163,58 @@
                 }
             ]
         }
+    },
+    "teaser_3_33_highlight": {
+        "includePath": "components/teaser/group_teaser/group_highlight",
+        "includeModel": {
+            "hasLink": true,
+            "link": "#gruppe1",
+            "hasGroupTitle": true,
+            "groupTitle": "Gruppe 100% - 3 x 33% Teaser",
+            "teaserSize": "100",
+            "isHighlightGroup": true,
+            "logicItems": [
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "md_1"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "md_2"
+                            }
+                        }
+                    ]
+                },
+                {
+                    "@->jsoninclude": "teaser/teaser_standard_33_serif.json",
+                    "@->overrides": [
+                        {
+                            "@->contentpath": "logicItem.includeModel.link.content.teaserImage",
+                            "@->value": {
+                                "@->jsoninclude": "teaser/teaser_images.inc.json",
+                                "@->contentpath": "md_3"
+                            }
+                        }
+                    ]
+                }
+            ]
+        }
+    },
+    "tabBoxTeaser": {
+        "@->jsoninclude": "teaser/teaser_tabbox.json"
     }
 }
+

package/src/assets/fixtures/teaser/teaser_index.json

@@ -1,19 +1,27 @@
 {
     "logicItems": [
         {
-            "@->jsoninclude": "teaser/teaser_group_100_2x_50.inc.json",
+            "@->jsoninclude": "teaser/teaser_groups.inc.json",
             "@->contentpath": "teaser_1_100"
         },
         {
-            "@->jsoninclude": "teaser/teaser_group_100_2x_50.inc.json",
+            "@->jsoninclude": "teaser/teaser_groups.inc.json",
+            "@->contentpath": "teaser_3_33_highlight"
+        },
+        {
+            "@->jsoninclude": "teaser/teaser_groups.inc.json",
             "@->contentpath": "teaser_2_50"
         },
         {
-            "@->jsoninclude": "teaser/teaser_group_100_2x_50.inc.json",
-            "@->contentpath": "teaser_3_33"
+            "@->jsoninclude": "teaser/teaser_groups.inc.json",
+            "@->contentpath": "teaser_4_25"
+        },
+        {
+            "@->jsoninclude": "teaser/teaser_groups.inc.json",
+            "@->contentpath": "tabBoxTeaser"
         },
         {
-            "@->jsoninclude": "teaser/teaser_group_100_2x_50.inc.json",
+            "@->jsoninclude": "teaser/teaser_groups.inc.json",
             "@->contentpath": "teaser_4_25"
         }
     ]

package/src/assets/fixtures/teaser/teaser_tabbox.json

@@ -1,42 +1,45 @@
 {
-    "wandaPageId" : "2109595548",
-    "tabbedGroup": [
-        {
-            "title": "Nordhessen"
-        },
-        {
-            "title": "Mittelhessen"
-        },
-        {
-            "title": "Osthessen"
-        },
-        {
-            "title": "Rhein-Main"
-        },
-        {
-            "title": "Südhessen"
-        }
-    ],
-    "logicItems": [
-        {
-            "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
-            "@->contentpath": "tabbox_teasergroup_1"
-        },
-        {
-            "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
-            "@->contentpath": "tabbox_teasergroup_2"
-        },
-        {
-            "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
-            "@->contentpath": "tabbox_teasergroup_3"
-        },
-        {
-            "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
-            "@->contentpath": "tabbox_teasergroup_4"
-        },
-        {
-            "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
-            "@->contentpath": "tabbox_teasergroup_5"
-        }
-    ]
+    "includePath": "components/teaser/tabbox/teaser_tabbox",
+    "includeModel": {
+        "wandaPageId": "2109595548",
+        "tabbedGroup": [
+            {
+                "title": "Nordhessen"
+            },
+            {
+                "title": "Mittelhessen"
+            },
+            {
+                "title": "Osthessen"
+            },
+            {
+                "title": "Rhein-Main"
+            },
+            {
+                "title": "Südhessen"
+            }
+        ],
+        "logicItems": [
+            {
+                "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
+                "@->contentpath": "tabbox_teasergroup_1"
+            },
+            {
+                "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
+                "@->contentpath": "tabbox_teasergroup_2"
+            },
+            {
+                "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
+                "@->contentpath": "tabbox_teasergroup_3"
+            },
+            {
+                "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
+                "@->contentpath": "tabbox_teasergroup_4"
+            },
+            {
+                "@->jsoninclude": "teaser/teaser_group_tabbox.inc.json",
+                "@->contentpath": "tabbox_teasergroup_5"
+            }
+        ]
+    }
 }

package/src/stories/views/components/base/load_dynamic.hbs

@@ -5,9 +5,15 @@
     {{#case "components/teaser/group_teaser/group_teaser"}}
         {{> components/teaser/group_teaser/group_teaser}}
     {{/case}}
+    {{#case "components/teaser/group_teaser/group_highlight"}}
+        {{> components/teaser/group_teaser/group_highlight}}
+    {{/case}}
     {{#case "components/teaser/tabbox/group_tabbox"}}
         {{> components/teaser/tabbox/group_tabbox}}
     {{/case}}
+    {{#case "components/teaser/tabbox/teaser_tabbox"}}
+        {{> components/teaser/tabbox/teaser_tabbox}}
+    {{/case}}
     {{#case "components/teaser/teaser_standard"}}
         {{> components/teaser/teaser_standard}}
     {{/case}}

package/src/stories/views/components/grid/grid.hbs

@@ -1,6 +1,6 @@
 
-<div class="grid bg-gray-100 grid-page">
-  <div class="grid grid-cols-12 py-6 bg-green-300 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">   
+<div class="grid grid-page">
+  <div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
     {{#>components/grid/grid_group size="100"}}
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100%</h2>
       {{#>components/grid/grid_item size="12"}}
@@ -11,7 +11,7 @@
         </a>
       {{/components/grid/grid_item}}   
     {{/components/grid/grid_group}} 
-    {{#>components/grid/grid_group_full  }}    
+    {{#>components/grid/grid_group_highlight  }}    
       <h2 class="text-4xl headline--barrier col-span-full">Gruppen 100% mit blauen Hintergrung bis Rand</h2>
       {{#>components/grid/grid_item size="6"}}
         <div class="flex items-center justify-center text-5xl text-white bg-gray-500 aspect-video">
@@ -23,7 +23,7 @@
           6/12 = 50%    
         </div>
       {{/components/grid/grid_item}} 
-    {{/components/grid/grid_group_full}} 
+    {{/components/grid/grid_group_highlight}} 
 
     {{#>components/grid/grid_group size="100"}}
 

package/src/stories/views/components/grid/grid_group_highlight.hbs

@@ -0,0 +1,9 @@
+</div>
+<div class="grid bg-blue-400 col-full grid-page">
+    <section class="grid grid-cols-12 px-8 py-6 bg-blue-400 col-full sm:col-main gap-x-6 gap-y-9">
+        <div class="grid content-start grid-cols-12 col-span-12 gap-x-6 gap-y-6">
+            {{> @partial-block }}
+        </div>
+    </section>
+</div>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/src/stories/views/components/grid/grid_group_tabbed.hbs

@@ -1,5 +1,5 @@
 </div>
-<div class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
+<section class="grid grid-cols-12 px-8 py-8 mx-4 bg-blue-400 sm:mx-0 rounded-tl-3xl rounded-br-3xl col-full sm:col-main gap-x-6 gap-y-6">
     {{> @partial-block }}
-</div>
-<div class="grid grid-cols-12 py-6 bg-green-300 sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">
+</section>
+<div class="grid grid-cols-12 py-6 bg-white sm:px-8 col-full sm:col-main gap-x-6 gap-y-6">

package/src/stories/views/components/teaser/fixtures/teaser_group_100.json

@@ -0,0 +1 @@
+{"includePath":"components/teaser/group_teaser/group_teaser","includeModel":{"hasLink":true,"link":"#gruppe1","hasGroupTitle":true,"groupTitle":"Gruppe 100% - 2 x 50% Teaser","teaserSize":"100","logicItems":[{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard-ds","teaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}}}}},{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard-ds","teaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":false,"displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":"","image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/191/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/191/320/180 320w, https://picsum.photos/id/191/480/270 480w, https://picsum.photos/id/191/640/360 640w, https://picsum.photos/id/191/960/540 960w, https://picsum.photos/id/191/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}}}}},{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard-ds","teaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":"true","displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":{"isAudio":true,"audioUrl":"https://hr-a.akamaihd.net/audio/hs/2022_07/220708073615_fromm.mp3","mediaMetadata":"{\"agf\":{\"title\":\"hr-fernsehen_hr_ZweimonatigeSperrungderBahnstreckezwischenFrankfurtundBadVilbel_08.07.202200:00\",\"livestream\":\"no\",\"type\":\"content\",\"airdate\":\"08.07.202200:00\",\"assetid\":\"9c736acb-79c6-4591-8e47-1b369746ab93\",\"uurl\":\"hs/2022_07/220708073615_fromm.mp3\",\"nol_c2\":\"p2,Y\",\"nol_c5\":\"p5,hessenschau\",\"nol_c7\":\"p7,hs/2022_07/220708073615_fromm.mp3\",\"program\":\"hr-fernsehen\",\"nol_c8\":\"p8,45\",\"nol_c9\":\"p9,hr_ZweimonatigeSperrungderBahnstreckezwischenFrankfurtundBadVilbel_08.07.202200:00\",\"nol_c10\":\"p10,hr-fernsehen\",\"nol_c12\":\"p12,Content\",\"nol_c18\":\"p18,N\",\"length\":\"45\",\"nol_c20\":\"p20,GFKLinkID\"},\"ati\":{\"pageName\":\"zweimonatige_sperrung_der_bahnstrecke_zwischen_frankfurt_und_bad_vilbel_audio\",\"secondLevelId\":\"12\",\"documentName\":\"audio-69346\",\"documentType\":\"hr-nt:audio\",\"documentDate\":\"202207080925\",\"chapter\":\"\",\"mediaLabel\":\"zweimonatige_sperrung_der_bahnstrecke_zwischen_frankfurt_und_bad_vilbel_audio\",\"mediaTheme1\":\"hessenschau\",\"mediaTheme2\":\"\",\"atiSiteId\":\"551104\",\"atiTrackingHost\":\"https://logs1406\"}}","teaseritem":[{"url":{"16to9":"https://www.hessenschau.de/gesellschaft/polizei-video-100~_t-1655214179068_v-16to9.jpg","16to9_retina":"https://www.hessenschau.de/gesellschaft/polizei-video-100~_t-1655214179068_v-16to9__retina.jpg"}}]},"image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}}}}},{"isSsi":true,"logicItem":{"includePath":"components/teaser/teaser_standard","includeModel":{"byline":"Byline","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","headingFontVariant":"serif","extendedTitle":"","teaserType":"standard-ds","teaserSize":"50","isMobile1to1":false,"teaserDate":{"htmlDateTime":"2022-04-17T19:30+0200","htmlDate":"20.02.1983","date":"17.04.22","dateSeparatorTime":"17.04.22, 19:30"},"teaserInfo":{"showTeaserInfo":true,"showTeaserInfoSection":true,"showTeaserInfoChannel":true,"showTeaserInfoAll":true,"showTeaserInfoDate":false,"showTeaserInfoDateTime":true,"showTeaserInfoProgramRef":true},"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/188/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/188/320/180 320w, https://picsum.photos/id/188/480/270 480w, https://picsum.photos/id/188/640/360 640w, https://picsum.photos/id/188/960/540 960w, https://picsum.photos/id/188/1920/1080 1920w"}]}},"hasMediaButtons":false,"dontLazyload":true,"isStandardTeaser":true,"isHeroTeaser":true,"isMediaTeaser":false,"isGuide":false,"isProgram":false,"isEvent":false,"isTicker":false,"isAudio":false,"isVideo":false,"isPodcastEpisode":false,"isExtOrBrandLink":false,"isAuthor":false,"copyright":"Copyright Text","audioAuthor":"Audio Author","hasStatus":false,"hasTeaserItem":true,"allowAVConsumption":"true","displayEpgInfos":false,"aspectRatio":"ar--teaserTop","hideGeotag":false,"hideEditableByline":true,"doTracking":true,"trackingForArdMediatheksLink":false,"showMediatheksLink":false,"showAirdate":false,"showProfileInfoAsByline":false,"obsolet_brandOfTeaser":"hessenschau","documentSection":"Gesellschaft","headlineTag":"h1","icon":"ortsmarke","imageVariant":"topteaser","shorttext":"Vor einem Jahr wurde die syrische Familie Kheder aus Wolfhagen abgeschoben. Die Gemeinde setzte alle Hebel in Bewegung, um Mutter, Tochter und Sohn zurückzuholen. Im Fall der Kinder hat das nun zu einem Happy End geführt. Doch ihre Mutter fehlt.","sophoraId":"rueckkehr-nach-abschiebung-wolfhagen--100","profiles":"Von Alf Haubitz und Alice Merton","teaserLead":{"avDocument":{"isVideo":true,"videoUrl":"https://hr-a.akamaihd.net/video/as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_512x288-25p-500kbit.mp4","adaptiveStreamingUrl":"https://hr-vh.akamaihd.net/i/video/as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_,480x270-50p-700kbit,512x288-25p-500kbit,640x360-50p-1200kbit,960x540-50p-1600kbit,1280x720-50p-3200kbit,1920x1080-50p-5000kbit,.mp4.csmil/master.m3u8","videoResolutionLevels":[{"url":"https://hr-a.akamaihd.net/video/as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_480x270-50p-700kbit.mp4","verticalResolution":"270"},{"url":"https://hr-a.akamaihd.net/video/as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_512x288-25p-500kbit.mp4","verticalResolution":"288"},{"url":"https://hr-a.akamaihd.net/video/as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_640x360-50p-1200kbit.mp4","verticalResolution":"360"},{"url":"https://hr-a.akamaihd.net/video/as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_960x540-50p-1600kbit.mp4","verticalResolution":"540"},{"url":"https://hr-a.akamaihd.net/video/as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_1280x720-50p-3200kbit.mp4","verticalResolution":"720"},{"url":"https://hr-a.akamaihd.net/video/as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_1920x1080-50p-5000kbit.mp4","verticalResolution":"1080"}],"videoSubtitleUrl":"","mediaMetadata":"{\"agf\":{\"title\":\"hr-fernsehen__VideozeigtrassistischeBeleidigungdurchPolizisten_14.06.202200:00\",\"livestream\":\"no\",\"type\":\"content\",\"airdate\":\"14.06.202200:00\",\"program\":\"hr-fernsehen\",\"assetid\":\"5f3912d337889c6c64e48879d80c562b\",\"uurl\":\"as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_512x288-25p-500kbit.mp4\",\"nol_c2\":\"p2,Y\",\"nol_c5\":\"p5,hessenschau\",\"nol_c7\":\"p7,as/hs/2022_06/hrLogo_220614153555_sf14xtiktokpolizeidieckmannhauffheinneuneu_18520763_512x288-25p-500kbit.mp4\",\"nol_c8\":\"p8,19\",\"nol_c9\":\"p9,_VideozeigtrassistischeBeleidigungdurchPolizisten_14.06.202200:00\",\"nol_c10\":\"p10,hr-fernsehen\",\"nol_c12\":\"p12,Content\",\"nol_c18\":\"p18,N\",\"length\":\"19\",\"nol_c20\":\"p20,GFKLinkID\"},\"ati\":{\"pageName\":\"video_zeigt_rassistische_beleidigung_durch_polizisten_video\",\"secondLevelId\":\"4\",\"documentName\":\"video-170288\",\"documentType\":\"hr-nt:video\",\"documentDate\":\"202206141656\",\"chapter\":\"\",\"mediaLabel\":\"video_zeigt_rassistische_beleidigung_durch_polizisten_video\",\"mediaTheme1\":\"hessenschau\",\"mediaTheme2\":\"\",\"atiSiteId\":\"551104\",\"atiTrackingHost\":\"https://logs1406\"}}","providerKeyWithSublines":"","teaseritem":[{"url":{"16to9":"https://www.hessenschau.de/gesellschaft/polizei-video-100~_t-1655214179068_v-16to9.jpg","16to9_retina":"https://www.hessenschau.de/gesellschaft/polizei-video-100~_t-1655214179068_v-16to9__retina.jpg"}}]},"image":""},"geotag":[{"title":"Wolfhagen"}],"link":{"url":"/teaser1","webviewUrl":"/teaser1#webview","isTargetBlank":false,"hasIcon":false,"iconName":"iconName","readMoreText":{"readMoreScreenreader":"Zum Artikel","readMore":"mehr","readMoreLong":"read More Long"},"content":{"headlineTag":"h1","headingFontVariant":"serif","imageVariant":"topteaser","isFileDownload":false,"teaserImage":{"alttext":"Lorem ipsum","copyrightWithLinks":"","responsiveImage":{"asPicture":false,"asImage":true,"fallback":"https://picsum.photos/id/191/480/270","sources":[{"sizes":"(min-width: 1010px) 960px, 100vw","srcset":"https://picsum.photos/id/191/320/180 320w, https://picsum.photos/id/191/480/270 480w, https://picsum.photos/id/191/640/360 640w, https://picsum.photos/id/191/960/540 960w, https://picsum.photos/id/191/1920/1080 1920w"}]}},"teaserSize":"hero","isMobile1to1":false,"teaserType":"standard-ds","title":"Abgeschobene Geschwister aus Syrien zurück in Wolfhagen","topline":"Überglücklich, aber ohne Mama","trackingData":{"secondLevelId":"2","pageName":"hessenschau"}}}}}}]}}