PageSourceSearch

https://www.der-postillon.com/p/postillon-abo.html

html der-postillon.com collected 2026-09-24 09:12:06 UTC 321,636 bytes, 8,970 lines download raw bytes

1<!DOCTYPE html>
2<html class='ltr' dir='ltr' lang='de' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
3<head>
4<meta content='origin-when-cross-origin' name='referrer'/>
5<!-- Google tag (gtag.js) -->
vendor: 72 bytes, lines 5-6
5
6<script async='async' src='https://www.googletagmanager.com/gtag/js?id=
6UA-6119669-1
vendor: 12 bytes, line 6
6'></script>
7<script>
8  
vendor: 134 bytes, lines 8-12
8window.dataLayer = window.dataLayer || [];
9  function gtag(){dataLayer.push(arguments);}
10  gtag('js', new Date());
11
12  gtag('config', '
12UA-6119669-1
vendor: 4 bytes, line 12
12');
13</script>
13
14<meta content='text/html; charset=UTF-8' http-equiv='Content-Type'/>
15<meta content='width=device-width, initial-scale=1, minimum-scale=1, user-scalable=yes' name='viewport'/>
16<title>Unterstütze seriösen Journalismus und hol dir den Postillon digital oder auf Papier!</title>
17<link href='//fonts.gstatic.com' rel='dns-prefetch'/>
18<link href='//dnjs.cloudflare.com' rel='dns-prefetch'/>
19<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
20<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
21<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
22<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
23<link href='//www.blogger.com' rel='dns-prefetch'/>
24<!--<meta content='blogger' name='generator'/>-->
25<link href='https://www.der-postillon.com/favicon.ico' rel='icon' type='image/x-icon'/>
26<meta content='#ad441c' name='theme-color'/>
27<link href='https://www.der-postillon.com/p/postillon-abo.html' rel='canonical'/>
28<meta content='Du willst den Postillon so lesen, wie man ihn schon 1845 gelesen hat – auf schönstem Papier, das angenehm knistert, herrlich duftet und beim Abwischen' name='description'/>
29<!-- Metadata for Open Graph protocol. See http://ogp.me/. -->
30<meta content='de' property='og:locale'/>
31<meta content='article' property='og:type'/>
32<meta content='Unterstütze seriösen Journalismus und hol dir den Postillon digital oder auf Papier!' property='og:title'/>
33<meta content='https://www.der-postillon.com/p/postillon-abo.html' property='og:url'/>
34<meta content='Du willst den Postillon so lesen, wie man ihn schon 1845 gelesen hat – auf schönstem Papier, das angenehm knistert, herrlich duftet und beim Abwischen' property='og:description'/>
35<meta content='Der Postillon' property='og:site_name'/>
36<meta content='Der Postillon' property='article:author'/>
37<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvm5wR44oAo2HhSahy8mEI8os81rdYGwV4RMPx3aBCCNjJylOp8XnDDz6ezYqCVmF-xcVKawbDoKvGfD62QZLypHqVuWCYv2m3Y6j-Dcj7obmHVlSKQzpT993L9kwEqHukbTRgGGxxsyhfS_UFRhTUyszn1uB6WsKNfaR5mbXmcZBsR54Pn00MStnkclp/w1600/Postillon-Abo-Hauptbild-1.jpg' property='og:image'/>
38<meta content='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvm5wR44oAo2HhSahy8mEI8os81rdYGwV4RMPx3aBCCNjJylOp8XnDDz6ezYqCVmF-xcVKawbDoKvGfD62QZLypHqVuWCYv2m3Y6j-Dcj7obmHVlSKQzpT993L9kwEqHukbTRgGGxxsyhfS_UFRhTUyszn1uB6WsKNfaR5mbXmcZBsR54Pn00MStnkclp/w1600/Postillon-Abo-Hauptbild-1.jpg' name='twitter:image'/>
39<meta content='summary_large_image' name='twitter:card'/>
40<meta content='Unterstütze seriösen Journalismus und hol dir den Postillon digital oder auf Papier!' name='twitter:title'/>
41<meta content='https://www.der-postillon.com/p/postillon-abo.html' name='twitter:domain'/>
42<meta content='Du willst den Postillon so lesen, wie man ihn schon 1845 gelesen hat – auf schönstem Papier, das angenehm knistert, herrlich duftet und beim Abwischen' name='twitter:description'/>
43<link rel="alternate" type="application/atom+xml" title="Der Postillon - Atom" href="https://www.der-postillon.com/feeds/posts/default" />
44<link rel="alternate" type="application/rss+xml" title="Der Postillon - RSS" href="https://www.der-postillon.com/feeds/posts/default?alt=rss" />
45<link rel="service.post" type="application/atom+xml" title="Der Postillon - Atom" href="https://www.blogger.com/feeds/746298260979647434/posts/default" />
46<!-- Font Awesome Free 5.15.3 -->
47<link href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/css/fontawesome.min.css' rel='stylesheet'/>
48<!-- Theme CSS Style -->
49<style id='page-skin-1' type='text/css'><!--
50/*
51-----------------------------------------------
52Blogger Template Style
53Name:         Pikify
54License:      Premium Version
55Version:      1.0
56Author:       Templateify
57Author Url:   https://www.templateify.com/
58-----------------------------------------------*/
59/*-- Google Fonts --*/
60@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
61@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;
61src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
62@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}
63@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}
64@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
65@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
66@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
67@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
68@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
69@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}
70@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}
71@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
72@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
73@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
74@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
75@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
76@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");
76unicode-range:U+1F00-1FFF}
77@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}
78@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
79@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
80@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
81@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2JL7SUc.woff2) format("woff2");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
82@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa0ZL7SUc.woff2) format("woff2");unicode-range:U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
83@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2ZL7SUc.woff2) format("woff2");unicode-range:U+1F00-1FFF}
84@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1pL7SUc.woff2) format("woff2");unicode-range:U+0370-03FF}
85@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa2pL7SUc.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+1EA0-1EF9,U+20AB}
86@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa25L7SUc.woff2) format("woff2");unicode-range:U+0100-024F,U+0259,U+1E00-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF}
87@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v3/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
88/*-- Material Icons Font --*/
89@font-face{font-family:"Material Icons Round";font-display:swap;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v65/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format("woff2")}.mir{font-family:"Material Icons Round";font-weight:400;font-style:normal;font-size:24px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:liga;-webkit-font-smoothing:antialiased}@font-face{font-family:"PBT Icons";font-display:block;font-style:normal;font-weight:400;src:url(https://fonts.gstatic.com/s/materialiconsround/v65/LDItaoyNOAY6Uewc665JcIzCKsKc_M9flwmP.woff2) format("woff2")}
90/*-- Font Awesome 5 Brands 5.15.3 --*/
91@font-face{font-family:"Font Awesome 5 Brands";font-display:swap;font-style:normal;font-weight:400;src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-brands-400.eot);src:url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-brands-400.woff2) format("woff2"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-brands-400.woff) format("woff"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-brands-400.ttf) format("truetype"),url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.3/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400}
92/*-- CSS Variables --*/
93:root{
94--body-font:'Inter', Arial, sans-serif;
95--menu-font:'Inter', Arial, sans-serif;
96--title-font:'Inter', Arial, sans-serif;
97--text-font:'Inter', Arial, sans-serif;
98--body-bg-color:#FBFBFB;
99--body-bg:#FBFBFB none repeat fixed top left;
100--outer-bg:#FBFBFB;
101--main-color:#ad441c;
102--title-color:#161618;
103--title-hover-color:#ad441c;
104--meta-color:#979797;
105--text-color:#161618;
106--tag-bg:#ad441c;
107--tag-color:#FFFFFF;
108--topbar-bg:linear-gradient(160deg, #e0e0e0, #e0e0e0);
109--topbar-color:#161618;
110--topbar-hover-color:#ad441c;
111--header-bg:#FFFFFF;
112--header-color:#161618;
113--header-hover-color:#ad441c;
114--submenu-bg:#FFFFFF;
115--submenu-color:#161618;
116--submenu-hover-color:#ad441c;
117--mega-bg:#FFFFFF;
118--mega-color:#161618;
119--mega-hover-color:#ad441c;
120--mega-meta-color:#979797;
121--mobilemenu-bg:#FFFFFF;
122--mobilemenu-color:#161618;
123--mobilemenu-hover-color:#ad441c;
124--widget-bg:#FBFBFB;
125--widget-border-color:#FBFBFB;
126--widget-shadow:rgb(0 0 0 / 3%);
127--widget-title-bg:#e0e0e0;
128--widget-title-color:#161618;
129--video-widget-bg:#222226;
130--video-widget-color:#FFFFFF;
131--video-widget-hover-color:#ad441c;
132--video-widget-meta-color:#AAAAAA;
133--footer-bg:#161618;
134--footer-color:#FFFFFF;
135--footer-hover-color:#ad441c;
136--footer-meta-color:#AAAAAA;
137--footer-text-color:#AAAAAA;
138--footerbar-bg:#09090A;
139--footerbar-color:#FFFFFF;
140--footerbar-hover-color:#ad441c;
141--cookie-bg:#FFFFFF;
142--cookie-color:#626262;
143--button-bg:#ad441c;
144--button-color:#FFFFFF;
145--button-hover-bg:#161618;
146--button-hover-color:#FFFFFF;
147--title-font-weight: 700;
148--gray-bg:rgba(155,170,175,0.12);
149--border-color:rgba(155,155,155,0.15);
150--radius:4px;
151--avatar-shadow:0px 1px 4px rgba(0,0,0,0.05);
152--link-clicked-color: blue;
153}
154html.is-dark{
155/*--body-bg-color:#39393a;*/
156--body-bg-color: #222226;
157--body-bg:#FBFBFB none repeat fixed top left;
158--outer-bg:#222226;
159--title-color:#f6f7f8;
160--title-hover-color:#ad441c;
161--meta-color:#aaa;
162--text-color:#d4d6d8;
163--tag-bg:#ad441c;
164--tag-color:#FFFFFF;
165--topbar-bg:#09090a;
166--topbar-color:#f6f7f8;
167--topbar-hover-color:#ad441c;
168/*--header-bg:#161618;*/
169/*--header-bg: #39393;*/
170--header-bg: #222226;
171--header-color:#f6f7f8;
172--header-hover-color:#ad441c;
173--submenu-bg:#09090a;
174--submenu-color:#f6f7f8;
175--submenu-hover-color:#ad441c;
176--mega-bg:#09090a;
177--mega-color:#f6f7f8;
178--mega-hover-color:#ad441c;
179--mega-meta-color:#aaaaaa;
180--mobilemenu-bg:#222226;
181--mobilemenu-color:#f6f7f8;
182--mobilemenu-hover-color:#ad441c;
183/*--widget-bg:#161618;*/
184--widget-bg: #222226;
185--widget-border-color:#232323;
186--widget-title-bg:#161618;
187--widget-title-color:#f6f7f8;
188--video-widget-bg:#161618;
189--video-widget-color:#f6f7f8;
190--video-widget-hover-color:#ad441c;
191--video-widget-meta-color:#aaa;
192/*--footer-bg:#161618;*/
193--footer-bg: #222226;
194--footer-color:#f6f7f8;
195--footer-hover-color:#ad441c;
196--footer-meta-color:#aaa;
197--footer-text-color:#aaa;
198--footerbar-bg:#09090a;
199--footerbar-color:#f6f7f8;
200--footerbar-hover-color:#ad441c;
201--cookie-bg:#09090a;
202--cookie-color:#d4d6d8;
203--button-bg:#ad441c;
204--button-color:#ffffff;
205--button-hover-bg:#161618;
206--button-hover-color:#FFFFFF;
207--gray-bg:rgba(255,255,255,0.03);
208--border-color:rgba(255,255,255,0.05);
209--link-clicked-color:#66b5cd;
210}
211html.rtl{
212--body-font:'Cairo',Arial,sans-serif;
213--menu-font:'Cairo',Arial,sans-serif;
214--title-font:'Cairo',Arial,sans-serif;
215--text-font:'Cairo',Arial,sans-serif;
216}
217/*-- Reset CSS --*/
218html,body,a,abbr,acronym,address,applet,b,big,blockquote,caption,center,cite,code,dd,del,dfn,div,dl,dt,em,fieldset,font,form,input,button,h1,h2,h3,h4,h5,h6,i,iframe,img,ins,kbd,label,legend,li,object,p,pre,q,s,samp,small,span,strike,strong,sub,sup,table,tbody,td,tfoot,th,thead,tr,tt,u,ul,var{
219padding:0;
220margin:0;
221border:0;
222outline:none;
223vertical-align:baseline;
224background:0 0;
225text-decoration:none
226}
227dl,ul{
228list-style-position:inside;
229list-style:none
230}
231ul li{
232list-style:none
233}
234caption{
235text-align:center
236}
237img{
238border:none;
239position:relative
240}
241a,a:visited{
242text-decoration:none
243}
244.post-body a:visited {
245color:var(--link-clicked-color);
246}
247.clearfix{
248clear:both
249}
250.section,.widget,.widget ul{
251margin:0;
252padding:0
253}
254a{
255color:var(--main-color)
256}
257a img{
258border:0
259}
260abbr{
261text-decoration:none
262}
263.separator a{
264text-decoration:none!important;
265clear:none!important;
266float:none!important;
267margin-left:0!important;
268margin-right:0!important
269}
270#Navbar1,#navbar-iframe,.widget-item-control,a.quickedit,.home-link,.feed-links{
271display:none!important
272}
273.center{
274display:table;
275margin:0 auto;
276position:relative
277}
278.widget > h2,.widget > h3{
279display:none
280}
281.widget iframe,.widget img{
282max-width:100%
283}
284button,input,select,textarea{
285background:transparent;
286font-family:var(--body-font);
287-webkit-appearance:none;
288-moz-appearance:none;
289appearance:none;
290outline:none;
291border-radius:0
292}
293button{
294cursor:pointer
295}
296input[type="search"]::-webkit-search-cancel-button{
297-webkit-appearance:none
298}
299/*-- Style CSS --*/
300*{
301box-sizing:border-box
302}
303html{
304position:relative;
305word-break:break-word;
306word-wrap:break-word;
307text-rendering:optimizeLegibility;
308-webkit-font-smoothing:antialiased;
309-webkit-text-size-adjust:100%
310}
311body{
312position:relative;
313background:var(--body-bg);
314background-color:var(--body-bg-color);
315font-family:var(--body-font);
316font-size:14px;
317color:var(--text-color);
318font-weight:400;
319font-style:normal;
320line-height:1.4em
321}
322.rtl{
323direction:rtl
324}
325h1,h2,h3,h4,h5,h6{
326font-family:var(--title-font);
327font-weight:700
328}
329a,input,button{
330transition:all .0s ease
331}
332#outer-wrapper{
333position:relative;
334/*overflow:hidden;*/
335width:100%;
336max-width:1090px;
337background-color:var(--outer-bg);
338margin:0 auto;
339padding:0
340}
341.is-boxed #outer-wrapper{
342width:1130px;
343max-width:100%;
344background-color:#ffffff;
345box-shadow:0 0 20px rgba(0,0,0,0.1)
346}
347.is-dark .is-boxed #outer-wrapper{
348box-shadow:0 0 20px rgba(0,0,0,0.3)
349}
350.container{
351position:relative
352}
353.row-x1{
354width:1070px;
355max-width:1100px !important;
356}
357.row-x2{
358width:100%
359}
360.flex-c{
361display:flex;
362justify-content:center
363}
364.flex-col{
365display:flex;
366flex-direction:column
367}
368.flex-sb{
369display:flex;
370justify-content:space-between
371}
372#content-wrapper{
373float:left;
374width:100%;
375/*overflow:hidden;*/
376padding:30px 0;
377}
378.is-left #content-wrapper > .container,.rtl .is-right #content-wrapper > .container{
379flex-direction:row-reverse
380}
381.rtl .is-left #content-wrapper > .container{
382flex-direction:row
383}
384.theiaStickySidebar:before,.theiaStickySidebar:after{
385content:'';
386display:table;
387clear:both
388}
389#main-wrapper{
390position:relative;
391width:calc(100% - 366px)
392}
393.no-sidebar #main-wrapper{
394width:100%
395}
396#sidebar-wrapper{
397position:relative;
398width:336px
399}
400.no-sidebar #sidebar-wrapper{
401display:none
402}
403.entry-image-wrap,.author-avatar-wrap,.comments .avatar-image-container{
404display:block;
405position:relative;
406overflow:hidden;
407background-color:var(--gray-bg);
408z-index:5;
409color:transparent
410}
411.entry-image,.author-avatar{
412display:block;
413position:relative;
414width:100%;
415height:100%;
416background-size:cover;
417background-position:center center;
418background-repeat:no-repeat;
419z-index:1;
420opacity:0;
421border-radius:var(--radius);
422transition:opacity .35s ease,filter 0s ease;
423}
424.entry-image.templateify-lazy,.author-avatar.templateify-lazy{
425opacity:1
426}
427.entry-image-wrap:hover .entry-image,.cs:hover .entry-image-wrap .entry-image{
428filter:brightness(1.03)
429}
430.entry-image-wrap.is-video:after{
431display:flex;
432position:absolute;
433content:'\e037';
434top:50%;
435right:50%;
436width:38px;
437height:27px;
438background-color:rgba(0,0,0,0.5);
439font-family:'Material Icons Round';
440font-size:25px;
441color:#fff;
442font-weight:400;
443align-items:center;
444justify-content:center;
445z-index:5;
446transform:translate(50%,-50%);
447box-sizing:border-box;
448padding:0 0 0 1px;
449margin:0;
450border-radius:6px;
451box-shadow:0 1px 3px 0 rgba(0,0,0,0.1)
452}
453.entry-image-wrap.sz-1.is-video:after{
454transform:translate(50%,-50%) scale(.7)
455}
456.entry-image-wrap.sz-2.is-video:after{
457transform:translate(50%,-50%) scale(.8)
458}
459.entry-image-wrap.is-video:hover:after,.cs:hover .entry-image-wrap.is-video:after{
460background-color:#f50000
461}
462.cs .entry-image-wrap.is-video:after{
463top:15px;
464right:15px;
465transform:translate(0)
466}
467.rtl .cs .entry-image-wrap.is-video:after{
468left:15px;
469right:unset
470}
471.entry-header{
472display:flex;
473flex-direction:column
474}
475.entry-category{
476display:flex;
477align-items:center;
478height:16px;
479background-color:var(--tag-bg);
480font-size:10px;
481color:var(--tag-color);
482font-weight:400;
483text-transform:uppercase;
484line-height:1;
485padding:0 6px
486}
487.entry-image-wrap .entry-category{
488position:absolute;
489left:0px;
490bottom:0;
491z-index:2
492}
493.rtl .entry-image-wrap .entry-category{
494left:unset;
495right:0
496}
497.entry-title{
498color:var(--title-color);
499font-weight:var(--title-font-weight);
500line-height:1.3em
501}
502.entry-title a{
503display:block;
504color:var(--title-color)
505}
506.entry-title a:hover{
507color:var(--title-hover-color);
508}
509.entry-meta{
510display:flex;
511font-size:12px;
512color:var(--meta-color);
513font-weight:400;
514margin:4px 0 0
515}
516.entry-meta .mi{
517display:flex
518}
519.entry-meta .mi,.entry-meta .sp{
520margin:0 4px 0 0
521}
522.rtl .entry-meta .mi,.rtl .entry-meta .sp{
523margin:0 0 0 4px
524}
525.entry-meta .author-name{
526color:var(--title-color);
527font-weight:600
528}
529.excerpt{
530font-family:var(--text-font);
531line-height:1.5em
532}
533.cs .entry-inner{
534display:block;
535position:relative;
536width:100%;
537height:100%;
538overflow:hidden;
539border-radius: 4px;
540}
541.before-mask:before{
542content:'';
543position:absolute;
544left:0;
545right:0;
546bottom:0;
547height:80%;
548background-image:linear-gradient(to bottom,rgba(0,0,0,0) 25%,rgba(0,0,0,0.5));
549-webkit-backface-visibility:hidden;
550backface-visibility:hidden;
551z-index:2;
552opacity:1;
553margin:0;
554transition:opacity .25s ease
555}
556.entry-info{
557position:absolute;
558left:0;
559bottom:0;
560width:100%;
561background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5));
562overflow:hidden;
563z-index:10;
564padding:15px
565}
566.entry-info .entry-title{
567color:#fff;
568text-shadow:0 1px 2px rgba(0,0,0,0.1)
569}
570.entry-info .entry-meta{
571color:#c5c5ca;
572text-shadow:0 1px 2px rgba(0,0,0,0.1)
573}
574.entry-info .entry-meta .author-name{
575color:#d5d5da;
576font-weight:500
577}
578.entry-info .entry-category{
579width:-moz-fit-content;
580width:fit-content;
581margin:0 0 10px
582}
583.btn{
584position:relative;
585border-radius:var(--radius)
586}
587.error-msg{
588display:flex;
589align-items:center;
590font-size:14px;
591color:var(--meta-color);
592padding:20px 0;
593font-weight:400
594}
595.loader{
596position:relative;
597width:100%;
598height:100%;
599overflow:hidden;
600display:flex;
601align-items:center;
602justify-content:center;
603margin:0
604}
605.loader:after{
606content:'';
607display:block;
608width:30px;
609height:30px;
610box-sizing:border-box;
611margin:0;
612border:2px solid var(--main-color);
613border-right-color:var(--border-color);
614border-radius:100%;
615animation:spinner .65s infinite linear;
616transform-origin:center
617}
618@keyframes spinner{
6190%{
620-webkit-transform:rotate(0deg);
621transform:rotate(0deg)
622}
623to{
624-webkit-transform:rotate(1turn);
625transform:rotate(1turn)
626}
627}
628.social a:before{
629display:block;
630font-family:'Font Awesome 5 Brands';
631font-style:normal;
632font-weight:400
633}
634.social .rss a:before,.social .share a:before,.social .email a:before,.social .external-link a:before{
635content:'\e0e5';
636font-family:'Material Icons Round'
637}
638.social .share a:before{
639content:'\e80d'
640}
641.social .email a:before{
642content:'\e0be'
643}
644.social .copylink a:before{
645content:'\e157';
646font-family:'Material Icons Round'
647}
648.social .external-link a:before{
649content:'\e89e'
650}
651.social .threema a:before  {
652width: 30px !important;
653height: 30px !important;
654}
655.social .threema a:before{
656background-image: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihOxWI2gma8QVsJDgzL3hPyC_hLJev9_jOyN49Z357USPjpIVbnvH0cuZ1vnnxTbAW-E6Zo9RAfgcx87e3aLTccySZ8if4NH0j4BvXNhlsGF-bHyR1zJJtALtypn1f6_i1Idp4J9xZMgYwyhn0Er0MdvQiEPuKb_x9dGfNiqtBCCMTTonsEczON97V/s1600/threemaIcon.png');
657background-size: 30px 30px;
658display: inline-block;
659content:"";
660}
661.social-bg .blogger a,.social-bg-hover .blogger a:hover{
662background-color:#ff5722
663}
664.social-bg .apple a,.social-bg-hover .apple a:hover{
665background-color:#333
666}
667.social-bg .amazon a,.social-bg-hover .amazon a:hover{
668background-color:#fe9800
669}
670.social-bg .microsoft a,.social-bg-hover .microsoft a:hover{
671background-color:#0067B8
672}
673.social-bg .facebook a,.social-bg .facebook-f a,.social-bg-hover .facebook a:hover,.social-bg-hover .facebook-f a:hover{
674background-color:#1877F2
675}
676.social-bg .copylink a,.social-bg .copylink-f a,.social-bg-hover .copylink a:hover,.social-bg-hover .copylink-f a:hover{
677background-color:#AE0644
678}
679.social-bg .mastodon a,.social-bg .mastodon-f a,.social-bg-hover .mastodon a:hover,.social-bg-hover .mastodon-f a:hover{
680background-color:#2791DA
681}
682.social-bg .threema a,.social-bg .threema-f a,.social-bg-hover .threema a:hover,.social-bg-hover .threema-f a:hover{
683background-color:#323232
684}
685.social-bg .twitter a,.social-bg-hover .twitter a:hover{
686background-color:#00acee
687}
688.social-bg .youtube a,.social-bg-hover .youtube a:hover{
689background-color:#f50000
690}
691.social-bg .instagram a,.social-bg-hover .instagram a:hover{
692background:linear-gradient(15deg,#ffb13d,#dd277b,#4d5ed4)
693}
694.social-bg .pinterest a,.social-bg .pinterest-p a,.social-bg-hover .pinterest a:hover,.social-bg-hover .pinterest-p a:hover{
695background-color:#ca2127
696}
697.social-bg .dribbble a,.social-bg-hover .dribbble a:hover{
698background-color:#ea4c89
699}
700.social-bg .linkedin a,.social-bg-hover .linkedin a:hover{
701background-color:#0077b5
702}
703.social-bg .tumblr a,.social-bg-hover .tumblr a:hover{
704background-color:#365069
705}
706.social-bg .twitch a,.social-bg-hover .twitch a:hover{
707background-color:#6441a5
708}
709.social-bg .rss a,.social-bg-hover .rss a:hover{
710background-color:#ffc200
711}
712.social-bg .skype a,.social-bg-hover .skype a:hover{
713background-color:#00aff0
714}
715.social-bg .stumbleupon a,.social-bg-hover .stumbleupon a:hover{
716background-color:#eb4823
717}
718.social-bg .vk a,.social-bg-hover .vk a:hover{
719background-color:#4a76a8
720}
721.social-bg .stack-overflow a,.social-bg-hover .stack-overflow a:hover{
722background-color:#f48024
723}
724.social-bg .github a,.social-bg-hover .github a:hover{
725background-color:#24292e
726}
727.social-bg .soundcloud a,.social-bg-hover .soundcloud a:hover{
728background:linear-gradient(#ff7400,#ff3400)
729}
730.social-bg .behance a,.social-bg-hover .behance a:hover{
731background-color:#191919
732}
733.social-bg .digg a,.social-bg-hover .digg a:hover{
734background-color:#1b1a19
735}
736.social-bg .delicious a,.social-bg-hover .delicious a:hover{
737background-color:#0076e8
738}
739.social-bg .codepen a,.social-bg-hover .codepen a:hover{
740background-color:#000
741}
742.social-bg .flipboard a,.social-bg-hover .flipboard a:hover{
743background-color:#f52828
744}
745.social-bg .reddit a,.social-bg-hover .reddit a:hover{
746background-color:#ff4500
747}
748.social-bg .whatsapp a,.social-bg-hover .whatsapp a:hover{
749background-color:#3fbb50
750}
751.social-bg .messenger a,.social-bg-hover .messenger a:hover{
752background-color:#0084ff
753}
754.social-bg .snapchat a,.social-bg-hover .snapchat a:hover{
755background-color:#ffe700
756}
757.social-bg .telegram a,.social-bg-hover .telegram a:hover{
758background-color:#179cde
759}
760.social-bg .steam a,.social-bg-hover .steam a:hover{
761background:linear-gradient(5deg,#0d89bc,#112c5b,#0d1c47)
762}
763.social-bg .discord a,.social-bg-hover .discord a:hover{
764background-color:#7289da
765}
766.social-bg .quora a,.social-bg-hover .quora a:hover{
767background-color:#b92b27
768}
769.social-bg .tiktok a,.social-bg-hover .tiktok a:hover{
770background-color:#fe2c55
771}
772.social-bg .share a,.social-bg-hover .share a:hover{
773background-color:var(--meta-color)
774}
775.social-bg .email a,.social-bg-hover .email a:hover{
776background-color:#EE6438
777}
778.social-bg .external-link a,.social-bg-hover .external-link a:hover{
779background-color:var(--title-color)
780}
781.social-color .blogger a,.social-color-hover .blogger a:hover{
782color:#ff5722
783}
784.social-color .apple a,.social-color-hover .apple a:hover{
785color:#333
786}
787.social-color .amazon a,.social-color-hover .amazon a:hover{
788color:#fe9800
789}
790.social-color .microsoft a,.social-color-hover .microsoft a:hover{
791color:#0067B8
792}
793.social-color .facebook a,.social-color .facebook-f a,.social-color-hover .facebook a:hover,.social-color-hover .facebook-f a:hover{
794color:#3b5999
795}
796.social-color .twitter a,.social-color-hover .twitter a:hover{
797color:#00acee
798}
799.social-color .youtube a,.social-color-hover .youtube a:hover{
800color:#f50000
801}
802.social-color .instagram a,.social-color-hover .instagram a:hover{
803color:#dd277b
804}
805.social-color .pinterest a,.social-color .pinterest-p a,.social-color-hover .pinterest a:hover,.social-color-hover .pinterest-p a:hover{
806color:#ca2127
807}
808.social-color .dribbble a,.social-color-hover .dribbble a:hover{
809color:#ea4c89
810}
811.social-color .linkedin a,.social-color-hover .linkedin a:hover{
812color:#0077b5
813}
814.social-color .tumblr a,.social-color-hover .tumblr a:hover{
815color:#365069
816}
817.social-color .twitch a,.social-color-hover .twitch a:hover{
818color:#6441a5
819}
820.social-color .rss a,.social-color-hover .rss a:hover{
821color:#ffc200
822}
823.social-color .skype a,.social-color-hover .skype a:hover{
824color:#00aff0
825}
826.social-color .stumbleupon a,.social-color-hover .stumbleupon a:hover{
827color:#eb4823
828}
829.social-color .vk a,.social-color-hover .vk a:hover{
830color:#4a76a8
831}
832.social-color .stack-overflow a,.social-color-hover .stack-overflow a:hover{
833color:#f48024
834}
835.social-color .github a,.social-color-hover .github a:hover{
836color:#24292e
837}
838.social-color .soundcloud a,.social-color-hover .soundcloud a:hover{
839color:#ff7400
840}
841.social-color .behance a,.social-color-hover .behance a:hover{
842color:#191919
843}
844.social-color .digg a,.social-color-hover .digg a:hover{
845color:#1b1a19
846}
847.social-color .delicious a,.social-color-hover .delicious a:hover{
848color:#0076e8
849}
850.social-color .codepen a,.social-color-hover .codepen a:hover{
851color:#000
852}
853.social-color .flipboard a,.social-color-hover .flipboard a:hover{
854color:#f52828
855}
856.social-color .reddit a,.social-color-hover .reddit a:hover{
857color:#ff4500
858}
859.social-color .whatsapp a,.social-color-hover .whatsapp a:hover{
860color:#3fbb50
861}
862.social-color .messenger a,.social-color-hover .messenger a:hover{
863color:#0084ff
864}
865.social-color .snapchat a,.social-color-hover .snapchat a:hover{
866color:#ffe700
867}
868.social-color .telegram a,.social-color-hover .telegram a:hover{
869color:#179cde
870}
871.social-color .steam a,.social-color-hover .steam a:hover{
872color:#112c5b
873}
874.social-color .discord a,.social-color-hover .discord a:hover{
875color:#7289da
876}
877.social-color .quora a,.social-color-hover .quora a:hover{
878color:#b92b27
879}
880.social-color .tiktok a,.social-color-hover .tiktok a:hover{
881color:#fe2c55
882}
883.social-color .share a,.social-color-hover .share a:hover{
884color:var(--meta-color)
885}
886.social-color .email a,.social-color-hover .email a:hover{
887color:#888
888}
889.social-color .external-link a,.social-color-hover .external-link a:hover{
890color:var(--title-color)
891}
892#header-wrapper{
893float:left;
894width:100%;
895z-index:50;
896box-shadow:0 0 10px rgba(0,0,0,0.1)
897}
898.topbar-wrap{
899position:relative;
900float:left;
901width:100%;
902height:38px;
903z-index:1;
904background-color:var(--header-bg)
905}
906.topbar-wrap .container {
907background:var(--topbar-bg);
908padding: 0 15px;
909border-radius: 4px;
910}
911.topbar .widget:last-child{
912display:flex;
913flex:1;
914justify-content:flex-end
915}
916.topbar .link-list{
917display:flex;
918flex-wrap:wrap
919}
920.topbar .link-list li + li{
921margin:0 0 0 18px
922}
923.rtl .topbar .link-list li + li{
924margin:0 18px 0 0
925}
926.topbar .link-list a{
927display:block;
928font-size:12px;
929color:var(--topbar-color);
930line-height:38px
931}
932.topbar .link-list a:hover{
933color:var(--topbar-hover-color)
934}
935.topbar .social-icons{
936display:flex;
937flex-wrap:wrap
938}
939.topbar .social-icons li + li{
940margin:0 0 0 18px
941}
942.rtl .topbar .social-icons li + li{
943margin:0 18px 0 0
944}
945.topbar .social-icons a{
946display:block;
947font-size:12px;
948color:var(--topbar-color);
949line-height:38px
950}
951.topbar .social-icons .rss a,.topbar .social-icons .email a,.topbar .social-icons .external-link a{
952font-size:15px
953}
954.topbar .social-icons a:hover{
955color:var(--topbar-hover-color)
956}
957.main-header,.header-inner,.header-header{
958float:left;
959width:100%;
960height:90px;
961background-color:var(--header-bg)
962}
963.header-inner{
964background-color:rgba(0,0,0,0)
965}
966.header-inner.is-fixed{
967position:fixed;
968top:-90px;
969left:0;
970width:100%;
971z-index:990;
972backface-visibility:hidden;
973visibility:hidden;
974opacity:0;
975transition:all .25s ease
976}
977.header-inner.is-fixed.show{
978top:0;
979opacity:1;
980visibility:visible;
981margin:0
982}
983.is-boxed .header-header{
984float:none;
985width:1130px;
986max-width:100%;
987margin:0 auto;
988padding:0
989}
990.header-items{
991position:relative;
992display:flex;
993flex-wrap:wrap;
994justify-content:space-between
995}
996.flex-left{
997display:flex;
998align-items:center;
999z-index:15
1000}
1001.flex-right{
1002display:flex;
1003align-items:center;
1004position:absolute;
1005top:0;
1006right:0;
1007height:90px;
1008z-index:15
1009}
1010.rtl .flex-right{
1011left:0;
1012right:unset
1013}
1014.main-logo{
1015display:flex;
1016align-items:center;
1017flex-shrink:0;
1018overflow:hidden;
1019margin:0 14px 0 0;
1020width:30%;
1021}
1022.main-logo .widget{
1023width:100%;
1024}
1025.rtl .main-logo{
1026margin:0 0 0 14px
1027}
1028.main-logo img{
1029display:block;
1030width:100%;
1031height:auto;
1032}
1033.is-dark .main-logo img {
1034-webkit-filter: invert(1);
1035filter: invert(1);
1036}
1037.main-logo .title{
1038max-width:100%;
1039font-size:25px;
1040color:var(--header-color);
1041line-height:40px;
1042font-weight:700;
1043overflow:hidden;
1044white-space:nowrap;
1045text-overflow:ellipsis
1046}
1047.main-logo .title a{
1048color:var(--header-color)
1049}
1050.main-logo .title a:hover{
1051color:var(--header-hover-color)
1052}
1053.main-logo #h1-off{
1054display:none;
1055visibility:hidden
1056}
1057#pikify-pro-main-nav{
1058z-index:10
1059}
1060#pikify-pro-main-nav .widget,#pikify-pro-main-nav .widget > .widget-title{
1061display:none
1062}
1063#pikify-pro-main-nav .show-menu{
1064display:block
1065}
1066#pikify-pro-main-nav ul#pikify-pro-main-nav-menu{
1067display:flex;
1068height:90px
1069}
1070#pikify-pro-main-nav ul > li{
1071position:relative;
1072display:flex;
1073flex-shrink:0
1074}
1075#pikify-pro-main-nav-menu > li > a{
1076position:relative;
1077display:flex;
1078font-family:var(--menu-font);
1079font-size:14px;
1080color:var(--header-color);
1081font-weight:700;
1082align-items:center;
1083text-transform:uppercase;
1084padding:0 14px
1085}
1086#pikify-pro-main-nav-menu > li:hover > a{
1087color:var(--header-hover-color)
1088}
1089#pikify-pro-main-nav ul > li > ul,#pikify-pro-main-nav ul > li > .ul{
1090position:absolute;
1091left:0;
1092top:90px;
1093width:180px;
1094background-color:var(--submenu-bg);
1095z-index:99999;
1096padding:7px 0;
1097backface-visibility:hidden;
1098visibility:hidden;
1099opacity:0;
1100box-shadow:0 1px 2px rgba(0,0,0,0.1),0 5px 10px 0 rgba(0,0,0,0.1)
1101}
1102.rtl #pikify-pro-main-nav ul > li > ul,.rtl #pikify-pro-main-nav ul > li > .ul{
1103left:auto;
1104right:0
1105}
1106#pikify-pro-main-nav ul > li > ul > li > ul{
1107position:absolute;
1108top:-7px;
1109left:100%;
1110margin:0
1111}
1112.rtl #pikify-pro-main-nav ul > li > ul > li > ul{
1113left:unset;
1114right:100%
1115}
1116#pikify-pro-main-nav ul > li > ul > li{
1117display:block;
1118float:none;
1119position:relative
1120}
1121.rtl #pikify-pro-main-nav ul > li > ul > li{
1122float:none
1123}
1124#pikify-pro-main-nav ul > li > ul > li a{
1125position:relative;
1126display:block;
1127font-size:14px;
1128color:var(--submenu-color);
1129padding:7px 14px
1130}
1131#pikify-pro-main-nav ul > li > ul > li:hover > a{
1132color:var(--submenu-hover-color)
1133}
1134#pikify-pro-main-nav ul > li.has-sub > a:after{
1135content:'\e5cf';
1136font-family:'Material Icons Round';
1137font-size:16px;
1138font-weight:400;
1139margin:-4px 0 0 2px
1140}
1141.rtl #pikify-pro-main-nav ul > li.has-sub > a:after{
1142margin:-4px 2px 0 0
1143}
1144#pikify-pro-main-nav ul > li > ul > li.has-sub > a:after{
1145content:'\e5cc';
1146float:right;
1147margin:0
1148}
1149.rtl #pikify-pro-main-nav ul > li > ul > li.has-sub > a:after{
1150content:'\e5cb';
1151float:left;
1152margin:0
1153}
1154#pikify-pro-main-nav ul ul,#pikify-pro-main-nav ul .ul{
1155transition:all .17s ease
1156}
1157#pikify-pro-main-nav ul > li:hover > ul,#pikify-pro-main-nav ul > li:hover > .ul,#pikify-pro-main-nav ul > li > ul > li:hover > ul{
1158visibility:visible;
1159opacity:1;
1160transform:translate3d(0,0,0);
1161margin:0
1162}
1163#pikify-pro-main-nav .mega-menu{
1164position:static!important
1165}
1166#pikify-pro-main-nav .mega-menu > .ul{
1167width:100%;
1168background-color:var(--mega-bg);
1169overflow:hidden;
1170padding:20px
1171}
1172.mega-menu .mega-items{
1173display:grid;
1174grid-template-columns:repeat(5,1fr);
1175column-gap:20px
1176}
1177.mega-menu .mega-items.no-items{
1178grid-template-columns:1fr
1179}
1180.mega-items .mega-item{
1181--title-color:var(--mega-color);
1182--title-hover-color:var(--mega-hover-color);
1183--meta-color:var(--mega-meta-color);
1184width:100%;
1185display:flex;
1186flex-direction:column
1187}
1188.mega-item .entry-image-wrap{
1189width:100%;
1190height:114px;
1191z-index:1;
1192margin:0 0 8px
1193}
1194.mega-item .entry-title{
1195font-size:14px
1196}
1197.mega-menu .error-msg{
1198justify-content:center
1199}
1200.mobile-menu-toggle{
1201display:none;
1202height:34px;
1203font-size:26px;
1204color:var(--header-color);
1205align-items:center;
1206padding:0 13px 0 16px
1207}
1208.rtl .mobile-menu-toggle{
1209padding:0 16px 0 13px
1210}
1211.mobile-menu-toggle:after{
1212content:'\e5d2';
1213font-family:'Material Icons Round';
1214font-weight:400
1215}
1216.mobile-menu-toggle:hover{
1217color:var(--header-hover-color)
1218}
1219.toggle-wrap{
1220background-color:var(--header-bg);
1221display:flex;
1222align-items:center;
1223z-index:20
1224}
1225.darkmode-toggle{
1226display:flex;
1227align-items:center;
1228position:relative;
1229width:34px;
1230height:20px;
1231background-color:var(--gray-bg);
1232font-size:12px;
1233color:var(--header-color);
1234margin:0 15px 0 0;
1235border-radius:20px
1236}
1237.rtl .darkmode-toggle{
1238margin:0 0 0 15px
1239}
1240.darkmode-toggle:before{
1241position:absolute;
1242left:2px;
1243content:'\e518';
1244font-family:'PBT Icons';
1245width:16px;
1246height:16px;
1247background-color:var(--header-bg);
1248flex-shrink:0;
1249font-weight:400;
1250line-height:16px;
1251text-align:center;
1252z-index:2;
1253border-radius:50%;
1254box-shadow:0 0 2px rgba(0,0,0,0.1);
1255transition:left .17s ease
1256}
1257.is-dark .darkmode-toggle:before{
1258content:'\ea46';
1259left:16px
1260}
1261.rtl .darkmode-toggle:before{
1262left:16px
1263}
1264.rtl.is-dark .darkmode-toggle:before{
1265left:2px
1266}
1267.darkmode-toggle:after{
1268position:absolute;
1269right:4px;
1270content:'\ea46';
1271font-family:'Material Icons Round';
1272width:10px;
1273height:10px;
1274flex-shrink:0;
1275font-size:8px;
1276font-weight:400;
1277line-height:10px;
1278text-align:center;
1279opacity:.5;
1280transition:right .17s ease
1281}
1282.is-dark .darkmode-toggle:after{
1283content:'\e518';
1284right:20px
1285}
1286.rtl .darkmode-toggle:after{
1287right:20px
1288}
1289.rtl.is-dark .darkmode-toggle:after{
1290right:4px
1291}
1292.darkmode-toggle:hover:before{
1293color:var(--header-hover-color)
1294}
1295.search-toggle{
1296display:flex;
1297align-items:center;
1298justify-content:center;
1299width:34px;
1300height:34px;
1301background-color:var(--gray-bg);
1302color:var(--header-color);
1303font-size:24px;
1304cursor:pointer;
1305border-radius:var(--radius)
1306}
1307.search-toggle:before{
1308display:block;
1309content:'\e8b6';
1310font-family:'Material Icons Round';
1311font-weight:400
1312}
1313.search-toggle:hover{
1314color:var(--header-hover-color)
1315}
1316#main-search-wrap{
1317display:none;
1318position:absolute;
1319top:0;
1320right:0;
1321width:100%;
1322height:60px;
1323background-color:var(--header-bg);
1324z-index:25
1325}
1326.rtl #main-search-wrap{
1327left:0;
1328right:unset
1329}
1330@-webkit-keyframes showSearch{
13310%{
1332width:80%;
1333opacity:0
1334}
1335100%{
1336width:100%;
1337opacity:1
1338}
1339}
1340.main-search{
1341position:relative;
1342float:right;
1343width:100%;
1344height:100%;
1345display:flex;
1346align-items:center;
1347animation:showSearch .17s ease
1348}
1349.rtl .main-search{
1350float:left
1351}
1352.main-search .search-form{
1353display:flex;
1354flex:1;
1355height:34px
1356}
1357.main-search .search-input{
1358width:100%;
1359flex:1;
1360font-family:inherit;
1361font-size:15px;
1362color:var(--header-color);
1363font-weight:400;
1364text-align:left
1365}
1366.rtl .main-search .search-input{
1367text-align:right
1368}
1369.main-search .search-input::placeholder{
1370color:var(--header-color);
1371opacity:.65;
1372outline:none
1373}
1374.main-search .search-toggle:before{
1375content:'\e5cd'
1376}
1377.overlay{
1378visibility:hidden;
1379opacity:0;
1380position:fixed;
1381top:0;
1382left:0;
1383right:0;
1384bottom:0;
1385background-color:rgba(17,17,17,0.3);
1386z-index:1000;
1387-webkit-backdrop-filter:saturate(100%) blur(1px);
1388-ms-backdrop-filter:saturate(100%) blur(1px);
1389-o-backdrop-filter:saturate(100%) blur(1px);
1390backdrop-filter:saturate(100%) blur(1px);
1391margin:0;
1392transition:all .25s ease
1393}
1394#slide-menu{
1395display:none;
1396position:fixed;
1397width:300px;
1398height:100%;
1399top:0;
1400left:0;
1401bottom:0;
1402background-color:var(--mobilemenu-bg);
1403overflow:hidden;
1404z-index:1010;
1405left:0;
1406-webkit-transform:translateX(-100%);
1407transform:translateX(-100%);
1408visibility:hidden;
1409box-shadow:3px 0 10px rgba(0,0,0,0.1);
1410transition:all .25s ease
1411}
1412.rtl #slide-menu{
1413left:unset;
1414right:0;
1415-webkit-transform:translateX(100%);
1416transform:translateX(100%)
1417}
1418.nav-active #slide-menu,.rtl .nav-active #slide-menu{
1419-webkit-transform:translateX(0);
1420transform:translateX(0);
1421visibility:visible
1422}
1423.slide-menu-header{
1424height:60px;
1425background-color:var(--header-bg);
1426overflow:hidden;
1427display:flex;
1428align-items:center;
1429justify-content:space-between;
1430box-shadow:0 0 10px rgba(0,0,0,0.1)
1431}
1432.mobile-logo{
1433display:flex;
1434flex:1;
1435width:100%;
1436overflow:hidden;
1437padding:0 0 0 20px
1438}
1439.rtl .mobile-logo{
1440padding:0 20px 0 0
1441}
1442.mobile-logo .homepage{
1443max-width:100%;
1444font-size:25px;
1445color:var(--header-color);
1446line-height:40px;
1447font-weight:700;
1448overflow:hidden;
1449white-space:nowrap;
1450text-overflow:ellipsis
1451}
1452.mobile-logo .homepage:hover{
1453color:var(--header-hover-color)
1454}
1455.mobile-logo .logo-img img{
1456display:block;
1457width:auto;
1458max-width:100%;
1459height:auto;
1460max-height:40px
1461}
1462.hide-mobile-menu{
1463display:flex;
1464height:100%;
1465color:var(--header-color);
1466font-size:26px;
1467align-items:center;
1468z-index:20;
1469padding:0 15px
1470}
1471.hide-mobile-menu:before{
1472content:'\e5cd';
1473font-family:'Material Icons Round';
1474font-weight:400
1475}
1476.hide-mobile-menu:hover{
1477color:var(--header-hover-color)
1478}
1479.slide-menu-flex{
1480display:flex;
1481height:calc(100% - 60px);
1482flex-direction:column;
1483justify-content:space-between;
1484overflow:hidden;
1485overflow-y:auto;
1486-webkit-overflow-scrolling:touch
1487}
1488.mobile-menu{
1489padding:20px
1490}
1491.mobile-menu .m-sub{
1492display:none;
1493grid-column:1/3;
1494overflow:hidden
1495}
1496.mobile-menu ul li a{
1497display:block;
1498font-size:14px;
1499color:var(--mobilemenu-color);
1500font-weight:400;
1501padding:10px 0
1502}
1503.mobile-menu > ul > li > a{
1504font-family:var(--menu-font);
1505font-weight:700;
1506text-transform:uppercase
1507}
1508.mobile-menu li.has-sub{
1509display:grid;
1510grid-template-columns:1fr 34px
1511}
1512.mobile-menu .submenu-toggle{
1513display:block;
1514align-self:center;
1515font-size:24px;
1516color:var(--mobilemenu-color);
1517text-align:right
1518}
1519.rtl .mobile-menu .submenu-toggle{
1520text-align:left
1521}
1522.mobile-menu .submenu-toggle:before{
1523content:'\e5cf';
1524font-family:'Material Icons Round';
1525font-weight:400
1526}
1527.mobile-menu .expanded > .submenu-toggle:before{
1528content:'\e5ce'
1529}
1530.mobile-menu ul li a:hover,.mobile-menu .submenu-toggle:hover{
1531color:var(--mobilemenu-hover-color)
1532}
1533.mobile-menu li.has-sub li a{
1534font-size:14px;
1535opacity:.75;
1536padding:10px
1537}
1538.mobile-menu li.has-sub li li a{
1539padding:10px 20px
1540}
1541.mm-footer{
1542padding:0px 20px 20px 20px
1543}
1544.mm-footer .mm-social{
1545margin:0 0 10px
1546}
1547.mm-footer ul{
1548display:flex;
1549flex-wrap:wrap
1550}
1551.mm-footer li{
1552margin:0 15px 0 0
1553}
1554.rtl .mm-footer li{
1555margin:0 0 0 15px
1556}
1557.mm-footer li:last-child{
1558margin:0
1559}
1560.mm-footer .mm-menu li{
1561margin-top:5px
1562}
1563.mm-footer a{
1564display:block;
1565font-size:14px;
1566color:var(--mobilemenu-color)
1567}
1568.mm-footer .rss a,.mm-footer .email a,.mm-footer .external-link a{
1569font-size:18px
1570}
1571.mm-footer a:hover{
1572color:var(--mobilemenu-hover-color)
1573}
1574#header-ads-wrap{
1575float:left;
1576width:100%
1577}
1578.header-ads .widget{
1579position:relative;
1580margin:30px 0 0
1581}
1582#featured-wrapper,#featured .widget,#featured .widget-content{
1583float:left;
1584width:100%;
1585margin:0
1586}
1587#featured .widget{
1588display:none;
1589margin:30px 0 0
1590}
1591#featured .widget.is-visible,#featured .widget.PopularPosts{
1592display:block
1593}
1594#featured .widget-content{
1595display:flex;
1596align-items:center;
1597justify-content:center;
1598min-height:382px;
1599margin:0
1600}
1601#featured .error-msg{
1602padding:0
1603}
1604.featured-items{
1605width:100%;
1606display:grid;
1607grid-template-columns:repeat(2,1fr);
1608grid-gap:2px
1609}
1610.featured-grid{
1611display:grid;
1612grid-template-columns:repeat(2,1fr);
1613grid-gap:2px
1614}
1615.featured-item{
1616width:100%;
1617height:190px;
1618border-radius: 4px;
1619}
1620.featured-item.item-0{
1621height:100%
1622}
1623.featured-item .entry-image-wrap{
1624width:100%;
1625height:100%
1626}
1627.featured-item.item-0 .entry-info{
1628padding:20px
1629}
1630.featured-item .entry-title{
1631font-size:15px
1632}
1633.featured-item.item-0 .entry-title{
1634font-size:25px
1635}
1636.featured-item .entry-meta{
1637flex-wrap:wrap
1638}
1639.featured-items .cs.item-0 .entry-image-wrap.is-video:after{
1640top:20px;
1641right:20px
1642}
1643.rtl .featured-items .cs.item-0 .entry-image-wrap.is-video:after{
1644left:20px;
1645right:unset
1646}
1647.type-feat1 .featured-item.item-1{
1648grid-column:1/3
1649}
1650.type-feat1 .featured-item.item-1 .entry-title{
1651font-size:19px
1652}
1653.type-feat3 .featured-items{
1654grid-template-columns:repeat(3, 1fr)
1655}
1656.type-feat3 .featured-grid{
1657grid-column:2/4
1658}
1659.type-feat3 .featured-item.item-0 .entry-info{
1660padding:15px
1661}
1662.type-feat3 .featured-item .entry-title{
1663font-size:17px
1664}
1665.type-feat3 .featured-item.item-0 .entry-title{
1666font-size:21px
1667}
1668.title-wrap{
1669display:flex;
1670justify-content:space-between;
1671height:2em;
1672margin:0 0 25px;
1673background:var(--widget-title-bg);
1674box-shadow: 0 0 10px rgb(0 0 0 / 3%);
1675border-radius: 3px;
1676}
1677.title-wrap > *{
1678display:flex;
1679align-items:center
1680}
1681.title-wrap > .title{
1682height:2em;
1683background-color:var(--widget-title-bg);
1684border-left: 3px solid var(--main-color);
1685font-family:var(--title-font);
1686font-size:13px;
1687color:var(--widget-title-color);
1688font-weight:600;
1689text-transform:uppercase;
1690padding:0 13px;
1691}
1692.title-wrap > .title-link, .title > .title-link{
1693font-size:1.1em;
1694line-height:2em;
1695color:var(--widget-title-color);
1696padding:0 13px;
1697}
1698.title-wrap > .title-link:hover{
1699background-color:var(--widget-title-bg)
1700color:var(--main-color)
1701}
1702.content-section,.content-section .content-block{
1703float:left;
1704width:100%
1705}
1706.content-block {
1707background: var(--widget-bg);
1708/*padding: 10px;*/
1709border-radius: var(--radius);
1710border: 1px solid var(--widget-border-color);
1711box-shadow: 0 0 10px var(--widget-border-shadow);
1712}
1713.content-section .widget{
1714display:none;
1715float:left;
1716width:100%;
1717margin:0 0 30px
1718}
1719.content-section .widget.column-style{
1720width:calc((100% - 25px) / 2)
1721}
1722.content-section .widget[data-align="right"]{
1723float:right
1724}
1725.content-section .widget.is-visible{
1726display:flex;
1727flex-direction:column
1728}
1729#content-section-1 #HTML24{
1730display:block
1731}
1732.content-section .widget.is-ad{
1733display:block
1734}
1735#content-section-2 .widget:last-child{
1736margin:0
1737}
1738.content-section .loader{
1739height:180px
1740}
1741.block-items{
1742display:grid;
1743grid-template-columns:repeat(2,1fr);
1744align-items:start;
1745grid-gap:25px
1746}
1747.block-item{
1748display:flex;
1749flex-direction:column
1750}
1751.block-items .item-0 .entry-image-wrap{
1752width:100%;
1753height:335px;
1754margin:0
1755}
1756.block-items .item-0 .entry-title{
1757font-size:21px
1758}
1759.block-items .item-0 .entry-excerpt{
1760font-size:14px;
1761margin:10px 0 0;
1762color: #fafafa;
1763}
1764.block-items .item-0 .entry-meta{
1765flex-wrap:wrap;
1766margin:10px 0 0
1767}
1768.block-list{
1769display:grid;
1770grid-template-columns:1fr;
1771grid-gap:25px
1772}
1773.block-list .block-item{
1774flex-direction:row
1775}
1776.block-list .entry-header{
1777flex:1
1778}
1779.block-list .entry-image-wrap{
1780width:98px;
1781height:65px;
1782margin:0 13px 0 0
1783}
1784.rtl .block-list .entry-image-wrap{
1785margin:0 0 0 13px
1786}
1787.block-list .entry-title{
1788font-size:14px
1789}
1790.grid-items{
1791display:grid;
1792grid-template-columns:repeat(3,1fr);
1793grid-gap:25px
1794}
1795.grid-item{
1796display:flex;
1797flex-direction:column
1798}
1799.grid-item .entry-image-wrap{
1800width:100%;
1801height:130px;
1802margin:0 0 10px
1803}
1804.grid-item .entry-title{
1805font-size:14px
1806}
1807.grid2-items{
1808display:grid;
1809grid-template-columns:repeat(2,1fr);
1810grid-gap:25px
1811}
1812.grid2-item{
1813display:flex;
1814flex-direction:column;
1815width:100%
1816}
1817.grid2-item .entry-image-wrap{
1818width:100%;
1819height:280px;
1820margin:0
1821}
1822.grid2-item .entry-title{
1823font-size:19px
1824}
1825.grid2-item .entry-meta{
1826flex-wrap:wrap
1827}
1828.video-style .widget-content{
1829--title-color:var(--video-widget-color);
1830--title-hover-color:var(--video-widget-hover-color);
1831--meta-color:var(--video-widget-meta-color)
1832}
1833.video-style .title-wrap{
1834margin:0
1835}
1836.video-style .widget-content{
1837background-color:var(--video-widget-bg);
1838padding:20px
1839}
1840.video-items{
1841display:grid;
1842grid-template-columns:1fr;
1843align-items:start;
1844grid-gap:25px
1845}
1846.video-style .video-items{
1847grid-gap:20px
1848}
1849.video-items .cs .entry-inner{
1850height:250px
1851}
1852.video-items .cs .entry-image-wrap{
1853width:100%;
1854height:100%
1855}
1856.video-items .cs .entry-title{
1857font-size:23px
1858}
1859.video-items .cs .entry-excerpt{
1860font-size:14px;
1861margin:10px 0 0
1862}
1863.video-items .cs .entry-meta{
1864flex-wrap:wrap
1865}
1866.video-grid{
1867display:grid;
1868grid-template-columns:repeat(3,1fr);
1869grid-gap:25px
1870}
1871.video-style .video-grid{
1872grid-gap:20px
1873}
1874.video-grid .video-item{
1875display:flex;
1876flex-direction:column
1877}
1878.video-grid .entry-image-wrap{
1879width:100%;
1880height:130px;
1881margin:0 0 10px
1882}
1883.video-style .video-grid .entry-image-wrap{
1884height:120px
1885}
1886.video-grid .entry-title{
1887font-size:14px
1888}
1889.video-style .video-grid{
1890--title-font-weight:600
1891}
1892.column-items{
1893display:grid;
1894grid-template-columns:1fr;
1895grid-gap:25px
1896}
1897.col-item{
1898display:flex
1899}
1900.col-item .entry-inner{
1901height:230px
1902}
1903.col-item .entry-image-wrap{
1904width:98px;
1905height:65px;
1906margin:0 13px 0 0
1907}
1908.rtl .col-item .entry-image-wrap{
1909margin:0 0 0 13px
1910}
1911.col-item .entry-inner .entry-image-wrap{
1912width:100%;
1913height:100%;
1914margin:0
1915}
1916.col-item .entry-header:not(.entry-info){
1917flex:1
1918}
1919.col-item .entry-title{
1920font-size:14px
1921}
1922.col-item .entry-inner .entry-title{
1923font-size:19px
1924}
1925.col-item .entry-inner .entry-meta{
1926flex-wrap:wrap
1927}
1928#main{
1929float:left;
1930width:100%
1931}
1932.is-home .has-margin #main{
1933margin:0 0 30px
1934}
1935.queryMessage .query-info{
1936display:flex;
1937align-items:center;
1938font-family:var(--title-font);
1939font-size:17px;
1940color:var(--title-color);
1941font-weight:700;
1942text-transform:uppercase;
1943margin:0 0 20px
1944}
1945.no-posts .queryMessage .query-info{
1946margin:0
1947}
1948.queryMessage .query-info:after{
1949display:inline-block;
1950content:'\e5cc';
1951font-family:'Material Icons Round';
1952font-size:24px;
1953font-weight:400;
1954margin:0 0 0 -4px
1955}
1956.rtl .queryMessage .query-info:after{
1957content:'\e5cb';
1958margin:0 -4px 0 0
1959}
1960.queryEmpty{
1961font-size:14px;
1962color:var(--meta-color);
1963text-align:center;
1964margin:50px 0
1965}
1966.index-post-wrap{
1967display:grid;
1968grid-template-columns:minmax(0,1fr);
1969grid-gap:25px
1970}
1971.index-post-wrap > *{
1972min-width:0
1973}
1974.index-post{
1975display:flex;
1976background: var(--widget-bg);
1977border-radius: var(--radius);
1978border: 1px solid var(--widget-border-color);
1979box-shadow: 0 0 10px var(--widget-border-shadow);
1980max-width: 704px;
1981min-width:0;
1982}
1983.index-post.ad-type{
1984display:block
1985}
1986.index-post .entry-image-wrap{
1987width:230px;
1988height:150px;
1989margin:0 18px 0 0
1990}
1991.rtl .index-post .entry-image-wrap{
1992margin:0 0 0 18px
1993}
1994.index-post .entry-header{
1995flex:1
1996}
1997.index-post .entry-title{
1998font-size:21px
1999}
2000.index-post .entry-excerpt{
2001font-size:1em;
2002margin:10px 0 0
2003}
2004.index-post .entry-meta{
2005flex-wrap:wrap;
2006margin:10px 0 0
2007}
2008.post-animated{
2009-webkit-animation-duration:.5s;
2010animation-duration:.5s
2011}
2012@keyframes fadeInUp{
2013from{
2014opacity:0;
2015transform:translate3d(0,10px,0)
2016}
2017to{
2018opacity:1;
2019transform:translate3d(0,0,0)
2020}
2021}
2022.post-fadeInUp{
2023animation-name:fadeInUp
2024}
2025#breadcrumb{
2026display:flex;
2027font-size:14px;
2028color:var(--meta-color);
2029font-weight:400;
2030line-height:1;
2031margin:0 0 10px
2032}
2033#breadcrumb a{
2034color:var(--meta-color)
2035}
2036#breadcrumb a.home,#breadcrumb a:hover{
2037color:var(--main-color)
2038}
2039#breadcrumb .separator:after{
2040content:'\e5cc';
2041font-family:'Material Icons Round';
2042font-size:16px;
2043font-weight:400;
2044font-style:normal;
2045vertical-align:middle
2046}
2047.rtl #breadcrumb .separator:after{
2048content:'\e5cb'
2049}
2050.item-post {
2051background: var(--widget-bg);
2052padding: 4% 0%;
2053border-radius: var(--radius);
2054border: 1px solid var(--widget-border-color);
2055box-shadow: 0 0 10px var(--widget-border-shadow);
2056}
2057.item-post h1.entry-title{
2058font-size:35px;
2059font-weight:700
2060}
2061.p-eh .entry-meta{
2062flex-wrap:wrap;
2063justify-content:space-between;
2064font-size:14px;
2065margin:13px 0 0
2066}
2067.p-eh .entry-meta .align-left,.p-eh .entry-meta .align-right{
2068display:flex;
2069flex-wrap:wrap;
2070align-items:center
2071}
2072.p-eh .entry-meta .mi,.p-eh .entry-meta .sp{
2073margin:0 4px 0 0
2074}
2075.rtl .p-eh .entry-meta .mi,.rtl .p-eh .entry-meta .sp{
2076margin:0 0 0 4px
2077}
2078.p-eh .entry-meta .entry-author{
2079align-items:center
2080}
2081.p-eh .entry-meta .entry-author:before{
2082display:none
2083}
2084.p-eh .entry-meta .author-avatar-wrap{
2085overflow:visible;
2086width:30px;
2087height:30px;
2088background-color:var(--outer-bg);
2089padding:1px;
2090margin:0 5px 0 0;
2091border:1px solid var(--main-color);
2092border-radius:100%
2093}
2094.rtl .p-eh .entry-meta .author-avatar-wrap{
2095margin:0 0 0 5px
2096}
2097.p-eh .entry-meta .author-avatar-wrap:before{
2098content:'';
2099position:absolute;
2100display:block;
2101top:calc(50% - 6px);
2102left:-1px;
2103width:calc(100% + 2px);
2104height:12px;
2105background-color:var(--outer-bg);
2106z-index:1;
2107margin:0
2108}
2109.p-eh .entry-meta .author-avatar{
2110z-index:2;
2111border-radius:50%
2112}
2113.entry-meta .entry-comments-link{
2114display:none;
2115margin:0 0 0 10px
2116}
2117.rlt .entry-meta .entry-comments-link{
2118margin:0 10px 0 0
2119}
2120.entry-meta .entry-comments-link:before{
2121display:inline-block;
2122content:'\e8af';
2123font-family:'Material Icons Round';
2124font-size:16px;
2125color:var(--main-color);
2126font-weight:400;
2127margin:0 4px 0 0
2128}
2129.rtl .entry-meta .entry-comments-link:before{
2130margin:0 0 0 4px
2131}
2132.entry-meta .entry-comments-link.show{
2133display:flex
2134}
2135#post-body{
2136position:relative;
2137float:left;
2138width:100%;
2139font-family:var(--text-font);
2140font-size:17px;
2141color:var(--text-color);
2142line-height:1.6em;
2143margin:25px 0 0
2144}
2145.post-body p{
2146margin-bottom:25px
2147}
2148.post-body h1,.post-body h2,.post-body h3,.post-body h4,.post-body h5,.post-body h6{
2149font-size:17px;
2150color:var(--title-color);
2151line-height:1.3em;
2152margin:0 0 20px
2153}
2154.post-body h1{
2155font-size:26px
2156}
2157.post-body h2{
2158font-size:23px
2159}
2160.post-body h3{
2161font-size:20px
2162}
2163.post-body img{
2164height:auto!important
2165}
2166blockquote{
2167position:relative;
2168background-color:var(--gray-bg);
2169color:var(--title-color);
2170font-style:normal;
2171padding:20px;
2172margin:0;
2173border-radius:var(--radius)
2174}
2175blockquote:before{
2176position:absolute;
2177top:0;
2178left:5px;
2179content:'\e244';
2180font-family:'Material Icons Round';
2181font-size:60px;
2182color:var(--title-color);
2183font-style:normal;
2184font-weight:400;
2185line-height:1;
2186opacity:.05;
2187margin:0
2188}
2189.rtl blockquote:before{
2190left:unset;
2191right:5px
2192}
2193.post-body .responsive-video-wrap{
2194position:relative;
2195width:100%;
2196padding:0;
2197padding-top:56%;
2198margin-bottom: 25px
2199}
2200.post-body .responsive-video-wrap iframe{
2201position:absolute;
2202top:0;
2203left:0;
2204width:100%;
2205height:100%
2206}
2207.post-body ul{
2208padding:0 0 0 20px;
2209margin:10px 0
2210}
2211.rtl .post-body ul{
2212padding:0 20px 0 0
2213}
2214.post-body li{
2215margin:8px 0;
2216padding:0
2217}
2218.post-body ul li,.post-body ol ul li{
2219list-style:none
2220}
2221.post-body ul li:before,.post-body ul li ul li ul li:before{
2222display:inline-block;
2223content:'\2022';
2224font-size:16px;
2225line-height:1;
2226vertical-align:middle;
2227margin:0 5px 0 0
2228}
2229.post-body ul li ul li:before{
2230content:'\26AC'
2231}
2232.rtl .post-body ul li:before{
2233margin:0 0 0 5px
2234}
2235.post-body ol{
2236counter-reset:templateify;
2237padding:0 0 0 20px;
2238margin:10px 0
2239}
2240.rtl .post-body ol{
2241padding:0 20px 0 0
2242}
2243.post-body ol > li{
2244counter-increment:templateify;
2245list-style:none
2246}
2247.post-body ol > li:before{
2248display:inline-block;
2249content:counters(templateify,'.')'.';
2250margin:0 5px 0 0
2251}
2252.rtl .post-body ol > li:before{
2253margin:0 0 0 5px
2254}
2255.post-body ol ol{
2256counter-reset:templateify2
2257}
2258.post-body ol ol > li{
2259counter-increment:templateify2
2260}
2261.post-body ol ol > li:before{
2262content:counters(templateify2,'.')'.'
2263}
2264.post-body ol ol ol{
2265counter-reset:templateify3
2266}
2267.post-body ol ol > li ol > li{
2268counter-increment:templateify3
2269}
2270.post-body ol ol > li ol > li:before{
2271content:counters(templateify3,'.')'.'
2272}
2273.post-body u{
2274text-decoration:underline
2275}
2276.post-body strike{
2277text-decoration:line-through
2278}
2279.post-body sup{
2280vertical-align:super
2281}
2282.post-body a{
2283color:var(--main-color)
2284}
2285.post-body a:hover{
2286text-decoration:underline
2287}
2288.post-body a.button{
2289display:inline-block;
2290height:34px;
2291background-color:var(--button-bg);
2292font-family:var(--body-font);
2293font-size:15px;
2294color:var(--button-color);
2295font-weight:400;
2296line-height:34px;
2297text-align:center;
2298text-decoration:none;
2299cursor:pointer;
2300padding:0 20px;
2301margin:0 6px 8px 0
2302}
2303.rtl .post-body a.button{
2304margin:0 0 8px 6px
2305}
2306.post-body a.button.x2{
2307height:46px;
2308font-size:18px;
2309line-height:46px
2310}
2311.post-body a.button.is-c,.rtl.post-body a.button.is-c{
2312margin:0 3px 8px
2313}
2314.post-body a.button.x2 span{
2315display:inline-block;
2316background-color:rgba(255,255,255,0.1);
2317font-size:14px;
2318line-height:14px;
2319padding:6px;
2320margin:0 0 0 20px;
2321border-radius:var(--radius)
2322}
2323.rtl .post-body a.button.x2 span{
2324margin:0 20px 0 0
2325}
2326.post-body .button:before{
2327display:inline-block;
2328font-family:'Material Icons Round';
2329font-size:16px;
2330font-weight:400;
2331line-height:1;
2332vertical-align:middle;
2333margin:-1px 6px 0 0
2334}
2335.rtl .post-body .button:before{
2336margin:-1px 0 0 6px
2337}
2338.post-body a.btn.x2:before{
2339font-size:20px;
2340margin:-2px 6px 0 0
2341}
2342.rtl .post-body a.btn.x2:before{
2343margin:-2px 0 0 6px
2344}
2345.post-body .btn.preview:before{
2346content:'\e8f4'
2347}
2348.post-body .btn.download:before{
2349content:'\f090'
2350}
2351.post-body .btn.link:before{
2352content:'\e157'
2353}
2354.post-body .btn.cart:before{
2355content:'\e8cc'
2356}
2357.post-body .btn.info:before{
2358content:'\e88e'
2359}
2360.post-body .btn.share:before{
2361content:'\e80d'
2362}
2363.post-body .btn.contact:before{
2364content:'\e0e1'
2365}
2366.post-body .btn.whatsapp:before{
2367content:'\f232';
2368font-family:'Font Awesome 5 Brands';
2369font-style:normal
2370}
2371.post-body .btn.paypal:before{
2372content:'\f1ed';
2373font-family:'Font Awesome 5 Brands';
2374font-style:normal
2375}
2376.post-body .btn.gift:before{
2377content:'\e8f6'
2378}
2379.post-body a.button:hover{
2380background-color:var(--button-hover-bg);
2381color:var(--button-hover-color)
2382}
2383.post-body a.color{
2384color:#fff
2385}
2386.post-body a.color:hover{
2387opacity:.9
2388}
2389.alert-message{
2390display:block;
2391background-color:var(--gray-bg);
2392padding:20px;
2393border:1px solid var(--border-color);
2394border-radius:var(--radius)
2395}
2396.alert-message.alert-success{
2397background-color:rgba(39,174,96,0.1);
2398color:rgba(39,174,96,1);
2399border-color:rgba(39,174,96,0.1)
2400}
2401.alert-message.alert-info{
2402background-color:rgba(41,128,185,0.1);
2403color:rgba(41,128,185,1);
2404border-color:rgba(41,128,185,0.1)
2405}
2406.alert-message.alert-warning{
2407background-color:rgba(243,156,18,0.1);
2408color:rgba(243,156,18,1);
2409border-color:rgba(243,156,18,0.1)
2410}
2411.alert-message.alert-error{
2412background-color:rgba(231,76,60,0.1);
2413color:rgba(231,76,60,1);
2414border-color:rgba(231,76,60,0.1)
2415}
2416.alert-message:before{
2417display:inline-block;
2418font-family:'Material Icons Round';
2419font-size:18px;
2420line-height:1;
2421font-weight:400;
2422vertical-align:middle;
2423margin:0 5px 0 0
2424}
2425.rtl .alert-message:before{
2426margin:0 0 0 5px
2427}
2428.alert-message.alert-success:before{
2429content:'\e86c'
2430}
2431.alert-message.alert-info:before{
2432content:'\e88e'
2433}
2434.alert-message.alert-warning:before{
2435content:'\e000'
2436}
2437.alert-message.alert-error:before{
2438content:'\e5c9'
2439}
2440.post-body table{
2441width:100%;
2442overflow-x:auto;
2443text-align:left;
2444margin:0;
2445border-collapse:collapse;
2446border:1px solid var(--border-color)
2447}
2448.rtl .post-body table{
2449text-align:right
2450}
2451.post-body table td,.post-body table th{
2452padding:6px 12px;
2453border:1px solid var(--border-color)
2454}
2455.post-body table thead th{
2456color:var(--title-color);
2457vertical-align:bottom
2458}
2459table.tr-caption-container,table.tr-caption-container td,table.tr-caption-container th{
2460line-height:1;
2461padding:0;
2462border:0;
2463margin-bottom:20px
2464}
2465table.tr-caption-container td.tr-caption{
2466font-size:12px;
2467color:var(--meta-color);
2468font-style:italic;
2469padding:6px 0 0
2470}
2471.templateify-toc-wrap{
2472display:flex;
2473width:100%;
2474clear:both;
2475margin:0
2476}
2477.templateify-toc-inner{
2478position:relative;
2479max-width:100%;
2480background-color:var(--gray-bg);
2481display:flex;
2482flex-direction:column;
2483overflow:hidden;
2484font-size:14px;
2485color:var(--title-color);
2486line-height:1.6em;
2487border:1px solid var(--border-color);
2488border-radius:var(--radius)
2489}
2490a.templateify-toc-title{
2491position:relative;
2492height:40px;
2493font-size:16px;
2494color:var(--title-color);
2495font-weight:var(--title-font-weight);
2496display:flex;
2497align-items:center;
2498justify-content:space-between;
2499padding:0 13px 0 18px
2500}
2501.rtl a.templateify-toc-title{
2502padding:0 18px 0 13px
2503}
2504.templateify-toc-title-text{
2505display:flex
2506}
2507.templateify-toc-title-text:before{
2508content:'\e242';
2509font-family:'Material Icons Round';
2510font-size:20px;
2511font-weight:400;
2512margin:0 6px 0 0
2513}
2514.rtl .templateify-toc-title-text:before{
2515margin:0 0 0 6px
2516}
2517.templateify-toc-title:after{
2518content:'\e5cf';
2519font-family:'Material Icons Round';
2520font-size:24px;
2521font-weight:400;
2522margin:0 0 0 20px
2523}
2524.rtl .templateify-toc-title:after{
2525margin:0 20px 0 0
2526}
2527.templateify-toc-title.is-expanded:after{
2528content:'\e5ce'
2529}
2530a.templateify-toc-title:hover{
2531text-decoration:none
2532}
2533#templateify-toc{
2534display:none;
2535padding:0 20px 10px;
2536margin:0
2537}
2538#templateify-toc ol{
2539counter-reset:templateifyToc;
2540padding:0 0 0 20px
2541}
2542.rtl #templateify-toc ol{
2543padding:0 20px 0 0
2544}
2545#templateify-toc li{
2546counter-increment:templateifyToc;
2547font-size:14px;
2548margin:10px 0
2549}
2550#templateify-toc li:before{
2551content:counters(templateifyToc,'.')'.'
2552}
2553#templateify-toc li a{
2554color:var(--main-color)
2555}
2556#templateify-toc li a:hover{
2557color:var(--main-color);
2558text-decoration:underline
2559}
2560.post-body .contact-form-widget{
2561display:table;
2562font-family:var(--body-font)
2563}
2564.post-body .contact-form-widget .cf-s{
2565font-size:15px
2566}
2567.post-body .contact-form-name.cf-s{
2568width:calc(50% - 5px)
2569}
2570.rtl .post-body .contact-form-name{
2571float:right
2572}
2573.post-body .contact-form-email.cf-s{
2574float:right;
2575width:calc(50% - 5px)
2576}
2577.rtl .post-body .contact-form-email{
2578float:left
2579}
2580.post-body .contact-form-button-submit{
2581font-size:15px
2582}
2583.post-body pre,pre.code-box{
2584display:block;
2585background-color:var(--gray-bg);
2586font-family:Monospace;
2587font-size:13px;
2588white-space:pre-wrap;
2589line-height:1.4em;
2590padding:20px;
2591border:1px solid var(--border-color);
2592border-radius:var(--radius)
2593}
2594.post-body .google-auto-placed{
2595margin:25px 0
2596}
2597.entry-labels{
2598display:flex;
2599flex-wrap:wrap;
2600margin:20px 0 0
2601}
2602.entry-labels > *{
2603display:flex;
2604align-items:center;
2605height:20px;
2606background-color:var(--gray-bg);
2607font-size:12px;
2608color:var(--title-color);
2609padding:0 6px;
2610margin:5px 5px 0 0
2611}
2612.rtl .entry-labels > *{
2613margin:5px 0 0 5px
2614}
2615.entry-labels span{
2616background-color:var(--widget-title-bg);
2617color:var(--widget-title-color)
2618}
2619.entry-labels a:hover{
2620background-color:var(--button-bg);
2621color:var(--button-color)
2622}
2623.post-share{
2624margin:20px 0 0
2625}
2626.share-links{
2627display:flex;
2628flex-wrap:wrap;
2629align-items:flex-start
2630}
2631.share-links li a{
2632display:flex;
2633align-items:center;
2634justify-content:center;
2635width:34px;
2636height:34px;
2637font-size:16px;
2638color:#fff;
2639font-weight:400;
2640overflow:hidden;
2641margin:5px 5px 0 0
2642}
2643.rtl .share-links li a{
2644margin:5px 0 0 5px
2645}
2646.share-links .email a{
2647font-size:20px
2648}
2649.share-links .has-span a{
2650width:auto;
2651justify-content:space-between
2652}
2653.share-links .has-span a:before{
2654display:flex;
2655align-items:center;
2656justify-content:center;
2657flex-shrink:0;
2658height:100%;
2659width:40px;
2660background-color:rgba(255,255,255,0.12)
2661}
2662.share-links span{
2663font-size:14px;
2664padding:0 10px
2665}
2666.share-links li a:hover{
2667opacity:.9
2668}
2669.share-links .show-hid a{
2670background-color:var(--gray-bg);
2671font-size:28px;
2672color:rgba(155,155,155,0.8)
2673}
2674.share-links .show-hid a:before{
2675content:'\e145';
2676font-family:'Material Icons Round';
2677font-weight:400
2678}
2679.post-share .expanded .show-hid a:before{
2680content:'\e15b'
2681}
2682.share-links .reddit,.share-links .linkedin,.share-links .tumblr,.share-links .telegram, .share-links .pinterest-p, .share-links .mastodon, .share-links .threema{
2683display:none
2684}
2685.post-share .expanded li[class]{
2686display:inline-block
2687}
2688.post-widget{
2689margin:30px 0 0
2690}
2691.about-author{
2692display:flex;
2693padding:20px;
2694border:1px solid var(--border-color)
2695}
2696.about-author .author-avatar-wrap{
2697width:60px;
2698height:60px;
2699margin:0 15px 0 0;
2700border-radius:50%;
2701box-shadow:var(--avatar-shadow)
2702}
2703.rtl .about-author .author-avatar-wrap{
2704margin:0 0 0 15px
2705}
2706.about-author .author-title{
2707font-size:18px;
2708color:var(--title-color);
2709font-weight:var(--title-font-weight);
2710margin:0 0 10px
2711}
2712.about-author .author-title a{
2713color:var(--title-color)
2714}
2715.about-author .author-title a:hover{
2716color:var(--title-hover-color)
2717}
2718.author-description{
2719flex:1
2720}
2721.author-description .author-text{
2722display:block;
2723font-size:14px
2724}
2725.author-description .author-text br,.author-description .author-text a{
2726display:none
2727}
2728ul.author-links{
2729display:flex;
2730flex-wrap:wrap;
2731padding:0
2732}
2733.author-links li{
2734margin:10px 12px 0 0
2735}
2736.rtl .author-links li{
2737margin:10px 0 0 12px
2738}
2739.author-links li a{
2740display:block;
2741font-size:14px;
2742color:var(--text-color);
2743padding:0
2744}
2745.author-links li.email a,.author-links li.external-link a{
2746font-size:16px
2747}
2748.author-links li a:hover{
2749opacity:.9
2750}
2751#pikify-pro-related-posts{
2752display:none
2753}
2754.related-content .loader{
2755height:180px
2756}
2757.related-posts{
2758display:grid;
2759grid-template-columns:repeat(3,1fr);
2760grid-gap:25px
2761}
2762.related-item{
2763display:flex;
2764flex-direction:column
2765}
2766.related-item .entry-image-wrap{
2767width:100%;
2768height:130px;
2769margin:0 0 10px
2770}
2771.related-item .entry-title{
2772font-size:14px
2773}
2774.pikify-pro-blog-post-comments{
2775display:none;
2776flex-direction:column
2777}
2778.pikify-pro-blog-post-comments.is-visible{
2779display:flex
2780}
2781.pikify-pro-blog-post-comments:not(.comments-system-blogger) #comments{
2782margin:-10px 0
2783}
2784.pikify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop{
2785float:left;
2786display:block!important;
2787width:calc(100% + 16px)!important;
2788max-width:calc(100% + 16px)!important;
2789margin:0 -8px
2790}
2791.pikify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop span,.pikify-pro-blog-post-comments .fb_iframe_widget_fluid_desktop iframe{
2792float:left;
2793display:block!important;
2794width:100%!important
2795}
2796#disqus_thread,.fb-comments{
2797clear:both;
2798padding:0
2799}
2800#comments h4#comment-post-message{
2801display:none;
2802float:none;
2803}
2804#comments {
2805background: var(--widget-bg);
2806padding: 10px;
2807border-radius: var(--radius);
2808border: 1px solid var(--widget-border-color);
2809box-shadow: 0 0 10px var(--widget-border-shadow);
2810}
2811.comments-system-blogger .comments-title.has-message{
2812margin:0 0 13px
2813}
2814.comments .comment-content{
2815display:block;
2816font-family:var(--text-font);
2817font-size:14px;
2818color:var(--text-color);
2819line-height:1.5em;
2820margin:10px 0 0
2821}
2822.comments .comment-content >
2822 a:hover{
2823text-decoration:underline
2824}
2825.comment-thread .comment{
2826position:relative;
2827list-style:none;
2828padding:20px;
2829margin:25px 0 0;
2830border:1px solid var(--border-color)
2831}
2832.comment-thread .comment .comment{
2833background-color:var(--gray-bg);
2834border:0
2835}
2836.comment-thread ol{
2837padding:0;
2838margin:0
2839}
2840.comment-thread .comment-replies ol{
2841padding:0 0 4px
2842}
2843.toplevel-thread ol > li:first-child{
2844margin:0
2845}
2846.toplevel-thread ol > li:first-child > .comment-block{
2847padding-top:0;
2848margin:0;
2849border:0
2850}
2851.comment-thread ol ol .comment:before{
2852position:absolute;
2853content:'\f060';
2854left:-30px;
2855top:-5px;
2856font-family:'Material Icons Round';
2857font-size:20px;
2858color:var(--border-color);
2859font-weight:400
2860}
2861.rtl .comment-thread ol ol .comment:before{
2862left:unset;
2863right:-25px;
2864transform:rotate(-180deg)
2865}
2866.comments .comment-replybox-single iframe{
2867padding:0 0 0 48px
2868}
2869.rtl .comments .comment-replybox-single iframe{
2870padding:0 48px 0 0
2871}
2872.comment-thread .avatar-image-container{
2873position:absolute;
2874top:20px;
2875left:20px;
2876width:35px;
2877height:35px;
2878overflow:hidden;
2879border-radius:50%;
2880box-shadow:var(--avatar-shadow)
2881}
2882.rtl .comment-thread .avatar-image-container{
2883left:auto;
2884right:20px
2885}
2886.avatar-image-container img{
2887display:block;
2888width:100%;
2889height:100%
2890}
2891.comments .comment-header{
2892padding:0 0 0 48px
2893}
2894.rtl .comments .comment-header{
2895padding:0 48px 0 0
2896}
2897.comments .comment-header .user{
2898display:inline-block;
2899font-family:var(--title-font);
2900font-size:16px;
2901color:var(--title-color);
2902font-weight:var(--title-font-weight);
2903font-style:normal
2904}
2905.comments .comment-header .user a{
2906color:var(--title-color)
2907}
2908.comments .comment-header .user a:hover{
2909color:var(--title-hover-color)
2910}
2911.comments .comment-header .icon.user{
2912display:none
2913}
2914.comments .comment-header .icon.blog-author{
2915display:inline-block;
2916font-size:14px;
2917color:var(--main-color);
2918vertical-align:top;
2919margin:-5px 0 0 4px
2920}
2921.rtl .comments .comment-header .icon.blog-author{
2922margin:-5px 4px 0 0
2923}
2924.comments .comment-header .icon.blog-author:before{
2925content:'\ef76';
2926font-family:'Material Icons Round';
2927font-weight:400
2928}
2929.comments .comment-header .datetime{
2930display:block;
2931margin:1px 0 0
2932}
2933.comment-header .datetime a{
2934font-size:12px;
2935color:var(--meta-color)
2936}
2937.comments .comment-actions{
2938display:block;
2939margin:10px 0 0
2940}
2941.comments .comment-actions a{
2942display:inline-block;
2943font-size:14px;
2944color:var(--main-color);
2945font-weight:400;
2946font-style:normal;
2947margin:0 15px 0 0
2948}
2949.rtl .comments .comment-actions a{
2950margin:0 0 0 15px
2951}
2952.comments .comment-actions a:hover{
2953text-decoration:underline
2954}
2955.item-control{
2956display:none
2957}
2958.loadmore.loaded a{
2959display:inline-block;
2960border-bottom:1px solid rgba(155,155,155,.51);
2961text-decoration:none;
2962margin-top:15px
2963}
2964.comments .continue{
2965display:none
2966}
2967.comments .comment-replies{
2968padding:0 0 0 48px
2969}
2970.rtl .comments .comment-replies{
2971padding:0 48px 0 0
2972}
2973.thread-expanded .thread-count a,.loadmore{
2974display:none
2975}
2976.comments .footer{
2977float:left;
2978width:100%;
2979font-size:13px;
2980margin:0
2981}
2982p.comments-message{
2983font-size:14px;
2984color:var(--meta-color);
2985font-style:italic;
2986margin:0 0 15px
2987}
2988p.comments-message.no-new-comments{
2989padding:0;
2990margin:0;
2991border:0
2992}
2993p.comments-message > a{
2994color:var(--main-color)
2995}
2996p.comments-message > a:hover{
2997color:var(--title-color)
2998}
2999p.comments-message > em{
3000color:#ff3f34;
3001font-style:normal;
3002margin:0 3px
3003}
3004#comments[data-embed='false'] p.comments-message > i{
3005color:var(--main-color);
3006font-style:normal
3007}
3008.comment-form > p{
3009display:none
3010}
3011.comment-content .responsive-video-wrap{
3012position:relative;
3013width:100%;
3014padding:0;
3015padding-top:56%
3016}
3017.comment-content .responsive-video-wrap iframe{
3018position:absolute;
3019top:0;
3020left:0;
3021width:100%;
3022height:100%
3023}
3024.comments #top-ce.comment-replybox-thread,.comments.no-comments .comment-form{
3025padding:10px 20px;
3026margin:25px 0 0;
3027border:1px solid var(--border-color)
3028}
3029.comments.no-comments .comment-form{
3030margin:0
3031}
3032.comments #top-continue a{
3033float:left;
3034width:100%;
3035height:34px;
3036background-color:var(--button-bg);
3037font-size:14px;
3038color:var(--button-color);
3039font-weight:400;
3040line-height:34px;
3041text-align:center;
3042padding:0;
3043margin:25px 0 0;
3044border-radius:var(--radius)
3045}
3046.comments #top-continue a:hover{
3047background-color:var(--button-hover-bg);
3048color:var(--button-hover-color)
3049}
3050.post-nav{
3051display:flex;
3052flex-wrap:wrap;
3053justify-content:space-between;
3054font-size:14px;
3055background: var(--widget-bg);
3056padding: 10px;
3057border-radius: var(--radius);
3058border: 1px solid var(--widget-border-color);
3059box-shadow: 0 0 10px var(--widget-border-shadow);
3060}
3061.post-nav > *{
3062display:flex;
3063align-items:center;
3064color:var(--meta-color);
3065margin:0 -5px
3066}
3067.post-nav a:hover{
3068color:var(--main-color)
3069}
3070.post-nav span{
3071color:var(--meta-color);
3072cursor:no-drop;
3073opacity:.65
3074}
3075.post-nav .post-nav-link:before,.post-nav .post-nav-link:after{
3076font-family:'Material Icons Round';
3077font-size:16px;
3078line-height:1;
3079font-weight:400
3080}
3081.post-nav-newer-link:before,.rtl .post-nav-older-link:after{
3082content:'\e5cb'
3083}
3084.post-nav-older-link:after,.rtl .post-nav-newer-link:before{
3085content:'\e5cc'
3086}
3087#custom-ads,#pikify-pro-post-footer-ads{
3088position:relative;
3089float:left;
3090width:100%;
3091opacity:0;
3092visibility:hidden
3093}
3094#before-ad .widget-title,#after-ad .widget-title{
3095display:block
3096}
3097#before-ad .widget-title > .title,#after-ad .widget-title > .title{
3098font-size:10px;
3099color:var(--meta-color);
3100font-weight:400;
3101line-height:1;
3102margin:0 0 6px
3103}
3104#before-ad .widget,#after-ad .widget{
3105position:relative;
3106margin:25px 0 0
3107}
3108#pikify-pro-new-before-ad #before-ad,#pikify-pro-new-after-ad #after-ad{
3109display:block
3110}
3111#pikify-pro-new-before-ad #before-ad .widget,#pikify-pro-new-after-ad #after-ad .widget{
3112margin:0
3113}
3114#post-footer-ads .widget{
3115position:relative
3116}
3117#blog-pager{
3118display:flex;
3119justify-content:center;
3120margin:30px 0 0
3121}
3122#blog-pager .load-more{
3123display:flex;
3124height:32px;
3125font-size:14px;
3126color:var(--title-color);
3127align-items:center;
3128padding:0 20px 0 25px;
3129border:1px solid var(--border-color)
3130}
3131.rtl #blog-pager .load-more{
3132padding:0 25px 0 20px
3133}
3134#blog-pager #pikify-pro-load-more-link:after{
3135content:'\e5cf';
3136display:inline-block;
3137font-family:'Material Icons Round';
3138font-size:20px;
3139font-weight:400;
3140margin:-1px 0 0
3141}
3142#blog-pager #pikify-pro-load-more-link:hover{
3143background-color:var(--button-bg);
3144color:var(--button-color);
3145border-color:var(--button-bg)
3146}
3147#blog-pager .no-more.show{
3148display:flex;
3149background-color:var(--gray-bg);
3150color:var(--meta-color);
3151cursor:not-allowed;
3152padding:0 25px;
3153border:0
3154}
3155#blog-pager .loading,#blog-pager .no-more{
3156display:none
3157}
3158#blog-pager .loading .loader{
3159height:32px
3160}
3161#blog-pager .loader:after{
3162width:28px;
3163height:28px
3164}
3165.sidebar{
3166position:relative;
3167float:left;
3168width:100%;
3169display:grid;
3170grid-template-columns:100%;
3171grid-gap:30px
3172}
3173.sidebar > .widget{
3174display:flex;
3175flex-direction:column
3176}
3177.sidebar > .widget > .widget-content {
3178background: var(--widget-bg);
3179padding: 10px;
3180border-radius: var(--radius);
3181border: 1px solid var(--widget-border-color);
3182box-shadow: 0 0 10px var(--widget-border-shadow);
3183}
3184.sidebar .widget.is-ad > .widget-title{
3185display:none
3186}
3187.sidebar ul.social-icons{
3188display:grid;
3189grid-template-columns:repeat(2,1fr);
3190grid-gap:5px
3191}
3192.sidebar .social-icons li{
3193display:block;
3194margin:0
3195}
3196.sidebar .social-icons a{
3197display:flex;
3198align-items:center;
3199justify-content:space-between;
3200height:34px;
3201font-size:16px;
3202color:#fff;
3203font-weight:400;
3204overflow:hidden
3205}
3206.sidebar .social-icons .rss a,.sidebar .social-icons .email a,.sidebar .social-icons .external-link a{
3207font-size:18px
3208}
3209.sidebar .social-icons a:before{
3210display:flex;
3211align-items:center;
3212justify-content:center;
3213flex-shrink:0;
3214height:100%;
3215width:34px;
3216background-color:rgba(255,255,255,0.08)
3217}
3218.sidebar .social-icons span{
3219font-size:14px;
3220padding:0 10px
3221}
3222.sidebar .social-icons a:hover{
3223opacity:.9
3224}
3225.templateify-section .loader{
3226height:180px
3227}
3228.side-items{
3229display:grid;
3230grid-template-columns:1fr;
3231grid-gap:25px
3232}
3233.side-item{
3234display:flex
3235}
3236.side-item .entry-inner{
3237height:180px
3238}
3239.side-item .entry-image-wrap{
3240width:98px;
3241height:65px;
3242margin:0 13px 0 0
3243}
3244.rtl .side-item .entry-image-wrap{
3245margin:0 0 0 13px
3246}
3247.side-item .entry-inner .entry-image-wrap{
3248width:100%;
3249height:100%;
3250margin:0
3251}
3252.side-item .entry-header:not(.entry-info){
3253flex:1
3254}
3255.side-item .entry-title{
3256font-size:14px
3257}
3258.side-item .entry-inner .entry-title{
3259font-size:19px
3260}
3261.side-item .entry-inner .entry-meta{
3262flex-wrap:wrap
3263}
3264.side3-items{
3265display:grid;
3266grid-template-columns:repeat(2,1fr);
3267grid-gap:25px
3268}
3269.side3-item{
3270display:flex;
3271flex-direction:column
3272}
3273.side3-item .entry-image-wrap{
3274width:100%;
3275height:90px;
3276margin:0 0 10px
3277}
3278.side3-item .entry-title{
3279font-size:14px
3280}
3281.cmm1-items{
3282display:grid;
3283grid-template-columns:1fr;
3284grid-gap:25px
3285}
3286.cmm1-items .entry-inner{
3287display:flex;
3288align-items:center
3289}
3290.cmm1-items .entry-image-wrap{
3291width:45px;
3292height:45px;
3293z-index:1;
3294margin:0 13px 0 0;
3295border-radius:50%;
3296box-shadow:var(--avatar-shadow)
3297}
3298.rtl .cmm1-items .entry-image-wrap{
3299margin:0 0 0 13px
3300}
3301.cmm1-items .entry-header{
3302flex:1
3303}
3304.cmm1-items .entry-title{
3305font-size:14px
3306}
3307.cmm1-items .entry-inner:hover .entry-title{
3308color:var(--title-hover-color)
3309}
3310.cmm1-items .cmm-snippet{
3311font-size:12px;
3312color:var(--text-color);
3313line-height:1.3em;
3314margin:4px 0 0
3315}
3316.FeaturedPost .entry-inner{
3317height:180px
3318}
3319.featured-post .entry-image-wrap{
3320width:100%;
3321height:100%
3322}
3323.featured-post .entry-title{
3324font-size:19px
3325}
3326.featured-post .entry-meta{
3327flex-wrap:wrap
3328}
3329.list-style li{
3330font-size:14px
3331}
3332.list-style li a,.text-list li{
3333display:block;
3334color:var(--title-color);
3335padding:8px 0
3336}
3337.list-style li a.has-count{
3338display:flex;
3339justify-content:space-between
3340}
3341.list-style li:first-child a,.text-list li:first-child{
3342padding:0 0 8px
3343}
3344.list-style li:last-child a,.text-list li:last-child{
3345padding:8px 0 0
3346}
3347.list-style li a:hover{
3348color:var(--title-hover-color)
3349}
3350.list-style .count-style{
3351display:inline-block;
3352color:var(--meta-color)
3353}
3354.cloud-label ul{
3355display:flex;
3356flex-wrap:wrap;
3357margin:-6px 0 0
3358}
3359.cloud-label li{
3360margin:6px 5px 0 0
3361}
3362.rtl .cloud-label li{
3363margin:6px 0 0 5px
3364}
3365.cloud-label li a{
3366display:flex;
3367height:28px;
3368background-color:rgba(155,155,155,0.1);
3369color:var(--title-color);
3370font-size:14px;
3371font-weight:400;
3372align-items:center;
3373padding:0 12px
3374}
3375.cloud-label li a:hover{
3376background-color:var(--button-bg);
3377color:var(--button-color);
3378border-color:var(--button-bg)
3379}
3380.cloud-label .label-count{
3381display:inline-block;
3382margin:0 0 0 6px
3383}
3384.rtl .cloud-label .label-count{
3385margin:0 6px 0 0
3386}
3387.BlogSearch .search-form{
3388display:flex;
3389height:36px;
3390overflow:hidden;
3391padding:2px;
3392border:1px solid var(--border-color);
3393border-radius:var(--radius)
3394}
3395.is-dark .BlogSearch .search-form{
3396background-color:var(--gray-bg)
3397}
3398.BlogSearch .search-input{
3399width:100%;
3400flex:1;
3401font-size:14px;
3402color:var(--text-color);
3403padding:0 8px
3404}
3405.BlogSearch .search-input::placeholder{
3406color:var(--text-color);
3407opacity:.65
3408}
3409.BlogSearch .search-action{
3410background-color:var(--button-bg);
3411font-size:14px;
3412color:var(--button-color);
3413cursor:pointer;
3414padding:0 13px;
3415border-radius:var(--radius)
3416}
3417.BlogSearch .search-action:hover{
3418background-color:var(--button-hover-bg);
3419color:var(--button-hover-color)
3420}
3421.Profile ul li{
3422float:left;
3423width:100%;
3424padding:20px 0 0;
3425margin:20px 0 0;
3426border-top:1px solid var(--border-color)
3427}
3428.Profile ul li:first-child{
3429padding:0;
3430margin:0;
3431border:0
3432}
3433.Profile .individual,.Profile .team-member{
3434display:flex;
3435align-items:center
3436}
3437.Profile .profile-img{
3438width:45px;
3439height:45px;
3440background-color:var(--gray-bg);
3441overflow:hidden;
3442color:transparent!important;
3443margin:0 13px 0 0;
3444border-radius:50%;
3445box-shadow:var(--avatar-shadow)
3446}
3447.rtl .Profile .profile-img{
3448margin:0 0 0 13px
3449}
3450.Profile .profile-info{
3451flex:1
3452}
3453.Profile .profile-name{
3454display:block;
3455font-family:var(--title-font);
3456font-size:15px;
3457color:var(--title-color);
3458font-weight:var(--title-font-weight)
3459}
3460.Profile .profile-name:hover{
3461color:var(--title-hover-color)
3462}
3463.Profile .profile-link{
3464display:block;
3465font-size:12px;
3466color:var(--meta-color)
3467}
3468.Profile .profile-link:hover{
3469color:var(--main-color)
3470}
3471.Text .widget-content{
3472font-family:var(--text-font);
3473font-size:14px;
3474color:var(--text-color)
3475}
3476.Image .image-caption{
3477font-family:var(--text-font);
3478font-size:14px;
3479margin:6px 0 0
3480}
3481.contact-form-widget .cf-s{
3482float:left;
3483width:100%;
3484height:34px;
3485font-size:14px;
3486color:var(--text-color);
3487padding:0 10px;
3488margin:0 0 10px;
3489border:1px solid var(--border-color);
3490border-radius:var(--radius)
3491}
3492.is-dark .contact-form-widget .cf-s{
3493background-color:var(--gray-bg)
3494}
3495.contact-form-email-message.cf-s{
3496float:left;
3497width:100%;
3498height:auto;
3499resize:vertical;
3500padding:10px
3501}
3502.contact-form-widget .cf-s::placeholder{
3503color:var(--text-color);
3504opacity:.9
3505}
3506.contact-form-widget .cf-s:focus{
3507border-color:var(--main-color)
3508}
3509.contact-form-button-submit{
3510float:left;
3511width:100%;
3512height:34px;
3513background-color:var(--button-bg);
3514font-family:inherit;
3515font-size:14px;
3516color:var(--button-color);
3517font-weight:400;
3518cursor:pointer;
3519padding:0 20px;
3520border:0;
3521border-radius:var(--radius)
3522}
3523.contact-form-button-submit:hover{
3524background-color:var(--button-hover-bg);
3525color:var(--button-hover-color)
3526}
3527.contact-form-widget p{
3528margin:0
3529}
3530.contact-form-widget .contact-form-error-message-with-border,.contact-form-widget .contact-form-success-message-with-border{
3531float:left;
3532width:100%;
3533background-color:rgba(0,0,0,0);
3534font-size:13px;
3535color:#e74c3c;
3536text-align:left;
3537line-height:1;
3538margin:10px 0 0;
3539border:0
3540}
3541.contact-form-widget .contact-form-success-message-with-border{
3542color:#27ae60
3543}
3544.rtl .contact-form-error-message-with-border,.rtl .contact-form-success-message-with-border{
3545text-align:right
3546}
3547.contact-form-cross{
3548cursor:pointer;
3549margin:0 0 0 3px
3550}
3551.rtl .contact-form-cross{
3552margin:0 3px 0 0
3553}
3554.Attribution a{
3555display:flex;
3556align-items:center;
3557font-size:14px;
3558color:var(--title-color);
3559font-weight:var(--title-font-weight)
3560}
3561.Attribution a > svg{
3562width:16px;
3563height:16px;
3564fill:var(--main-color);
3565margin:0 4px 0 0
3566}
3567.rtl .Attribution a > svg{
3568margin:0 0 0 4px
3569}
3570.Attribution a:hover{
3571color:var(--title-hover-color)
3572}
3573.Attribution .copyright{
3574font-size:12px;
3575color:var(--meta-color);
3576padding:0 20px;
3577margin:2px 0 0
3578}
3579#google_translate_element{
3580position:relative;
3581overflow:hidden
3582}
3583.Stats .text-counter-wrapper{
3584display:flex;
3585align-items:center;
3586font-size:18px;
3587color:var(--meta-color);
3588font-weight:700;
3589text-transform:uppercase;
3590line-height:1;
3591margin:0
3592}
3593.Stats .text-counter-wrapper:before{
3594content:'\e202';
3595font-family:'Material Icons Round';
3596font-size:22px;
3597color:var(--title-color);
3598font-weight:400;
3599margin:0 4px 0 0
3600}
3601.rtl .Stats .text-counter-wrapper:before{
3602margin:0 0 0 4px
3603}
3604.ReportAbuse > h3{
3605display:flex;
3606font-size:14px;
3607font-weight:400
3608}
3609.ReportAbuse > h3:before{
3610content:'\e002';
3611font-family:'Material Icons Round';
3612font-size:18px;
3613color:var(--main-color);
3614margin:0 3px 0 0
3615}
3616.rtl .ReportAbuse > h3:before{
3617margin:0 0 0 3px
3618}
3619.ReportAbuse > h3 a:hover{
3620text-decoration:underline
3621}
3622#footer-ads-wrap{
3623float:left;
3624width:100%;
3625}
3626.footer-ads .widget{
3627position:relative;
3628margin:0 0 30px
3629}
3630#footer-wrapper{
3631position:relative;
3632float:left;
3633width:100%;
3634background-color:var(--footer-bg);
3635box-shadow:0 0 10px rgba(0,0,0,0.1);
3636color: var(--footer-color);
3637}
3638.primary-footer{
3639--title-color:var(--footer-color);
3640--title-hover-color:var(--footer-hover-color);
3641--meta-color:var(--footer-meta-color);
3642--text-color:var(--footer-text-color);
3643--title-font-weight:600
3644}
3645.footer-widgets{
3646display:grid;
3647grid-template-columns:repeat(3,1fr);
3648grid-gap:30px;
3649padding:40px 0
3650}
3651.footer-widgets.has-border{
3652border-top:1px solid var(--border-color)
3653}
3654.footer-section{
3655display:grid;
3656grid-template-columns:1fr;
3657align-content:start;
3658grid-gap:30px
3659}
3660.footer-section > .widget{
3661display:flex;
3662flex-direction:column
3663}
3664.footer-section .widget > .widget-title{
3665margin:0 0 20px
3666}
3667.footer-section .widget-title > .title{
3668font-size:15px;
3669color:var(--title-color);
3670font-weight:600;
3671text-transform:uppercase
3672}
3673.primary-footer .contact-form-widget .cf-s,.primary-footer .BlogSearch .search-form{
3674background-color:var(--gray-bg)
3675}
3676#pikify-pro-about-section{
3677flex-wrap:wrap;
3678padding:40px 0
3679}
3680.about-section .Image{
3681display:flex;
3682justify-content:space-between;
3683align-items:center;
3684width:calc(100% - 366px)
3685}
3686.footer-info{
3687flex:1
3688}
3689.footer-info .title{
3690font-size:15px;
3691color:var(--title-color);
3692text-transform:uppercase;
3693margin:0 0 10px
3694}
3695.footer-logo{
3696padding:0 30px 0 0
3697}
3698.rtl .footer-logo{
3699padding:0 0 0 30px
3700}
3701.footer-logo img{
3702display:block;
3703width:auto;
3704height:auto;
3705max-height:40px
3706}
3707.footer-info .image-caption{
3708font-size:14px;
3709color:var(--text-color);
3710margin:0
3711}
3712.footer-info .image-caption a{
3713color:var(--ftitle-color)
3714}
3715.footer-info .image-caption a:hover{
3716color:var(--title-hover-color)
3717}
3718.about-section .LinkList{
3719width:336px;
3720display:flex;
3721align-items:center;
3722justify-content:flex-end;
3723margin:0
3724}
3725.about-section ul.social-icons{
3726display:flex;
3727flex-wrap:wrap
3728}
3729.about-section .social-icons li{
3730margin:0 0 0 10px
3731}
3732.rtl .about-section .social-icons li{
3733margin:0 10px 0 0
3734}
3735.about-section .social-icons a{
3736display:flex;
3737width:34px;
3738height:34px;
3739background-color:var(--gray-bg);
3740font-size:16px;
3741color:var(--title-color);
3742align-items:center;
3743justify-content:center
3744}
3745.about-section .social-icons .rss a,.about-section .social-icons .email a,.about-section .social-icons .external-link a{
3746font-size:20px
3747}
3748.about-section .social-icons a:hover{
3749color:#fff
3750}
3751.footer-bar{
3752background-color:var(--footerbar-bg);
3753color:var(--footerbar-color);
3754padding:20px 0
3755}
3756.footer-bar .footer-copyright{
3757font-size:14px;
3758font-weight:400;
3759margin:0
3760}
3761.footer-bar .footer-copyright a{
3762color:var(--footerbar-color)
3763}
3764.footer-bar .footer-copyright a:hover{
3765color:var(--footerbar-hover-color)
3766}
3767#footer-menu{
3768position:relative;
3769display:block;
3770margin:0
3771}
3772.footer-menu ul{
3773display:flex;
3774flex-wrap:wrap
3775}
3776.footer-menu ul li a{
3777font-size:14px;
3778color:var(--footerbar-color);
3779padding:0;
3780margin:0 0 0 25px
3781}
3782.rtl .footer-menu ul li a{
3783margin:0 25px 0 0
3784}
3785#footer-menu ul li a:hover{
3786color:var(--footerbar-hover-color)
3787}
3788#hidden-widgets-wrap,.hidden-widgets{
3789display:none;
3790visibility:hidden
3791}
3792#back-top{
3793display:flex;
3794align-items:center;
3795justify-content:center;
3796position:fixed;
3797bottom:20px;
3798right:20px;
3799width:34px;
3800height:34px;
3801background-color:var(--button-bg);
3802font-size:24px;
3803color:var(--button-color);
3804z-index:50;
3805opacity:0;
3806visibility:hidden;
3807transition:visibility .17s ease,opacity .17s ease
3808}
3809.rtl #back-top{
3810right:auto;
3811left:20px
3812}
3813#back-top:before{
3814content:'\e5ce';
3815font-family:'Material Icons Round';
3816font-weight:400
3817}
3818#back-top.show{
3819opacity:1;
3820visibility:visible
3821}
3822#back-top:hover{
3823background-color:var(--button-hover-bg);
3824color:var(--button-hover-color)
3825}
3826.is-error #main-wrapper{
3827width:100%
3828}
3829.is-error #sidebar-wrapper{
3830display:none
3831}
3832.errorWrap{
3833color:var(--title-color);
3834text-align:center;
3835padding:60px 0
3836}
3837.errorWrap h3{
3838font-size:160px;
3839color:var(--title-color);
3840line-height:1;
3841margin:0 0 25px
3842}
3843.errorWrap h4{
3844font-size:27px;
3845color:var(--title-color);
3846margin:0 0 25px
3847}
3848.errorWrap p{
3849color:var(--text-color);
3850font-size:15px;
3851margin:0 0 15px
3852}
3853.errorWrap a{
3854display:inline-block;
3855height:34px;
3856background-color:var(--button-bg);
3857font-size:14px;
3858color:var(--button-color);
3859font-weight:400;
3860line-height:34px;
3861padding:0 30px;
3862margin:15px 0 0
3863}
3864.errorWrap a:hover{
3865background-color:var(--button-hover-bg);
3866color:var(--button-hover-color)
3867}
3868.cookie-choices-info{
3869display:none;
3870visibility:hidden;
3871opacity:0
3872}
3873.cookie-consent{
3874display:none;
3875position:fixed;
3876bottom:20px;
3877left:20px;
3878width:300px;
3879background-color:var(--cookie-bg);
3880z-index:1020;
3881padding:20px;
3882visibility:hidden;
3883opacity:0;
3884border-radius:var(--radius);
3885box-shadow:0 0 10px rgba(0,0,0,0.1);
3886transition:visibility .35s ease,opacity .35s ease,transform .35s ease
3887}
3888.rtl .cookie-consent{
3889left:unset;
3890right:20px
3891}
3892.cookie-consent.is-visible{
3893visibility:visible;
3894opacity:1
3895}
3896.consent-text{
3897display:block;
3898font-size:14px;
3899color:var(--cookie-color);
3900margin:0 0 15px
3901}
3902.consent-text a{
3903color:var(--main-color);
3904text-decoration:underline
3905}
3906.consent-button{
3907display:inline-block;
3908height:34px;
3909background-color:var(--button-bg);
3910font-size:14px;
3911color:var(--button-color);
3912font-weight:400;
3913line-height:34px;
3914padding:0 20px
3915}
3916.consent-button:hover{
3917background-color:var(--button-hover-bg);
3918color:var(--button-hover-color)
3919}
3920.CSS_LIGHTBOX{
3921z-index:999999!important
3922}
3923.CSS_LIGHTBOX_BG_MASK{
3924background-color:rgba(0,0,0,0.9)!important;
3925opacity:1!important;
3926backdrop-filter:blur(1px)
3927}
3928.CSS_LIGHTBOX_BTN_CLOSE{
3929background:transparent!important;
3930top:10px!important;
3931right:15px!important
3932}
3933.CSS_LIGHTBOX_BTN_CLOSE:before{
3934content:'\e5cd';
3935font-family:'Material Icons Round';
3936color:#fff;
3937font-size:24px;
3938font-weight:400
3939}
3940.CSS_LIGHTBOX_BTN_CLOSE:hover:before{
3941opacity:.85
3942}
3943.rtl .CSS_LIGHTBOX_BTN_CLOSE{
3944right:unset!important;
3945left:15px
3946}
3947.CSS_LIGHTBOX_ATTRIBUTION_INDEX_CONTAINER .CSS_HCONT_CHILDREN_HOLDER > .CSS_LAYOUT_COMPONENT.CSS_HCONT_CHILD:first-child > .CSS_LAYOUT_COMPONENT{
3948opacity:0
3949}
3950a.ads-here{
3951display:flex;
3952align-items:center;
3953justify-content:center;
3954height:78px;
3955background-color:var(--gray-bg);
3956font-size:14px;
3957color:var(--meta-color);
3958font-style:italic
3959}
3960.sidebar a.ads-here{
3961height:250px
3962}
3963a.ads-here:hover{
3964color:var(--main-color)
3965}
3966/* Desktop Outbrain */
3967.is-dark .OUTBRAIN .ob-widget .ob-widget-items-container .ob-dynamic-rec-container .ob-sub-units .ob-rec-text{
3968color:var(--title-color) !important
3969}
3970.is-dark .ob-grid-header-text{
3971color:var(--title-color) !important
3972}
3973.is-dark .ob-cmn-AD_2.ob-grid-layout .ob-widget-items-container .ob-dynamic-rec-container{
3974background-color:var(--widget-title-bg) !important
3975}
3976.is-dark .AD_2.ob-widget{
3977background-color:var(--widget-title-bg) !important
3978}
3979/* Mobile Outbrain */
3980#outbrain_widget_1 > div > div.ob-widget-header > span{
3981color:var(--title-color) !important
3982}
3983/*div > div > div.ob-widget-items-container > div > a > section > span{
3984color:var(--title-color) !important
3985}
3986div > div > div.ob-widget-items-container > div > a > section > span.ob-unit.ob-rec-text{
3987color:var(--title-color) !important
3988}
3989div > div > div.ob-widget-items-container > div.ob-dynamic-rec-container.ob-recIdx-0.ob-p > a > section > span.ob-unit.ob-rec-text{
3990color:white !important
3991}
3992div > div > div.ob-widget-items-container > div.ob-dynamic-rec-container.ob-recIdx-0.ob-p > a > section > span.ob-unit.ob-rec-text
3993div > div > div.ob-widget-items-container > div.ob-dynamic-rec-container.ob-recIdx-0.ob-p > a > section > span.ob-unit.ob-rec-text*/
3994/* Link Preview */
3995.link-preview-v1 {
3996text-decoration: none !important;
3997display: inline-block;
3998width: 100%;
3999max-width: 700px;
4000border-radius: 12px;
4001overflow: hidden;
4002box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
4003transition: transform 0.2s ease, box-shadow 0.2s ease;
4004}
4005.link-preview-v1 *,
4006.link-preview-v1 *::after {
4007text-decoration: none !important;
4008}
4009.link-preview-v1:hover {
4010transform: translateY(-3px);
4011box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
4012}
4013.preview-container-v1 {
4014display: flex;
4015flex-direction: column;
4016background: #fff;
4017border-radius: 12px;
4018overflow: hidden;
4019}
4020.preview-image-v1 {
4021width: 100%;
4022height: auto;
4023object-fit: cover;
4024}
4025@media only screen and (max-width: 500px) {
4026.item-post img.preview-image-v1 {
4027min-width: 100% !important;
4028margin-left: 0 !important;
4029}
4030}
4031.preview-text-v1 {
4032padding: 12px;
4033background: #fff;
4034text-align: center;
4035}
4036.preview-title-v1 {
4037font-size: 23px;
4038color: #333;
4039font-weight: bold;
4040display: inline-block; /* Sicherstellen, dass es als Block behandelt wird */
4041transition: color 0.2s ease;
4042}
4043/* Tweet margin */
4044.twitter-tweet
4045{
4046margin-bottom: 25px !important;
4047}
4048@media only screen and (max-width: 500px) {
4049.preview-title-v1 {
4050font-size: 20px;
4051}
4052}
4053.preview-title-v1:hover {
4054color: #555;
4055}
4056/* flippable image */
4057.flip-container {
4058perspective: 1000px;
4059width: 100%;
4060cursor: pointer;
4061display: inline-block;
4062margin-bottom: 20px;
4063}
4064.flipper {
4065position: relative;
4066transition: 0.6s;
4067transform-style: preserve-3d;
4068}
4069.flip-container.flip .flipper {
4070transform: rotateY(180deg);
4071}
4072.front {
4073position: relative;
4074width: 100%;
4075border-radius: 8px;
4076overflow: hidden;
4077}
4078.back {
4079position: absolute;
4080top: 0;
4081left: 0;
4082width: 100%;
4083height: 100%;
4084backface-visibility: hidden;
4085border-radius: 8px;
4086overflow: hidden;
4087transform: rotateY(180deg);
4088}
4089.flip-container .flipper .flipimage {
4090width: 100% !important;
4091height: 100% !important;
4092display: block !important;
4093object-fit: cover !important;
4094}
4095.flip-overlay {
4096position: absolute;
4097bottom: 0;
4098width: 100%;
4099background: rgba(0, 0, 0, 0.5);
4100color: #fff;
4101padding: 10px;
4102box-sizing: border-box;
4103text-align: center;
4104font-family: sans-serif;
4105font-size: 1em;
4106}
4107.cursor {
4108position: absolute;
4109top: 45%;
4110left: 80%;
4111width: 130px;
4112opacity: 1;
4113transition: opacity 0.3s;
4114z-index: 1;
4115content:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiY3BDz4TiPEKbpOBJY34eKd4sZFr4eijAMrvwEnWKENpLgZ3M3KpPY_IL1Eq_rBUSo_ryFLzypYHjVS63JYnnlZ7tX6O9ju-N8-W2L4R9wGWbJkrh8G40AsW_hm3UK8lQQ9ZzxrubqyrFwrrJAR1YvEuSgIvYzdKckCM6CXFGp0-6dWa2XOK1tc7BauqM/s1600-rw/touchIcon2.png");
4116}
4117.flip-container.flip .cursor {
4118opacity: 0;
4119}
4120@media only screen and (max-width: 500px) {
4121.cursor {
4122left: 75%;
4123top: 40%;
4124width: 100px;
4125}
4126.item-post .flip-container img{
4127min-width: auto !important;
4128margin-left: 0 !important;
4129}
4130}
4131@media only screen and (max-width: 1130px) {
4132#outer-wrapper,.is-boxed #outer-wrapper,.is-boxed .header-header{
4133width:100%;
4134max-width:100%;
4135margin:0
4136}
4137.row-x1{
4138width:100%
4139}
4140#header-wrapper .container,.topbar-wrap,#header-ads-wrap .container,#featured-wrapper .container,#content-wrapper .container,#footer-ads-wrap .container,#footer-wrapper .container{
4141padding:0 20px
4142}
4143#main-wrapper{
4144width:calc(70% - 30px)
4145}
4146#sidebar-wrapper{
4147width:30%
4148}
4149}
4150@media only screen and (max-width: 880px) {
4151#header-wrapper .main-header .container{
4152padding:0
4153}
4154.topbar-wrap{
4155display:none
4156}
4157.header-items{
4158flex-wrap:nowrap
4159}
4160.mobile-menu-toggle{
4161display:flex
4162}
4163#pikify-pro-main-nav{
4164display:none
4165}
4166#slide-menu,.overlay{
4167display:block
4168}
4169.nav-active .overlay{
4170visibility:visible;
4171opacity:1
4172}
4173.flex-left{
4174overflow:hidden
4175}
4176.main-logo{
4177flex-shrink:1;
4178width: 60% !important;
4179overflow:visible;
4180}
4181.main-logo img{
4182max-width: 200%;
4183width: 127%;
4184max-height: 90px;
4185}
4186.flex-right{
4187padding:0 0 0 10px
4188}
4189.rtl .flex-right{
4190padding:0 10px 0 0
4191}
4192.flex-right,.rtl .flex-right{
4193position:relative;
4194top:unset;
4195left:unset;
4196right:unset
4197}
4198.darkmode-toggle{
4199margin:0!important
4200}
4201.search-toggle{
4202width:auto;
4203background-color:var(--header-bg);
4204font-size:26px;
4205padding:0 16px
4206}
4207#main-search-wrap{
4208padding:0 0 0 20px
4209}
4210.rtl #main-search-wrap{
4211padding:0 20px 0 0
4212}
4213#content-wrapper > .container,.is-left #content-wrapper > .container{
4214flex-direction:column!important;
4215justify-content:flex-start
4216}
4217#main-wrapper,#sidebar-wrapper{
4218width:100%
4219}
4220#sidebar-wrapper{
4221margin:30px 0 0
4222}
4223.sidebar ul.social-icons{
4224grid-template-columns:repeat(4,1fr)
4225}
4226.footer-widgets{
4227grid-template-columns:1fr;
4228grid-gap:40px
4229}
4230#pikify-pro-about-section{
4231flex-wrap:wrap;
4232flex-direction:column
4233}
4234.about-section .Image{
4235width:100%;
4236flex-direction:column;
4237justify-content:center;
4238text-align:center
4239}
4240.footer-info{
4241text-align:center;
4242margin:25px 0 0
4243}
4244.footer-info .title{
4245display:none
4246}
4247.footer-logo{
4248padding:0!important
4249}
4250.about-section .LinkList{
4251width:100%;
4252justify-content:center;
4253margin:20px 0 0
4254}
4255.about-section ul.social-icons{
4256justify-content:center
4257}
4258.about-section .social-icons li{
4259margin:10px 5px 0!important
4260}
4261.footer-bar{
4262height:auto;
4263line-height:inherit;
4264padding:25px 0
4265}
4266.footer-bar .container{
4267flex-direction:column-reverse;
4268justify-content:center
4269}
4270.footer-bar .footer-copyright,#footer-menu{
4271width:100%;
4272text-align:center
4273}
4274#footer-menu{
4275padding:0 0 15px
4276}
4277.footer-menu ul{
4278justify-content:center
4279}
4280.footer-menu ul li a{
4281display:block;
4282margin:5px 10px 0!important
4283}
4284.nav-active #back-top{
4285opacity:0!important
4286}
4287}
4288@media only screen and (max-width: 680px) {
4289#featured-wrapper .container{
4290padding:0
4291}
4292#featured .widget-content{
4293min-height:220px
4294}
4295.featured-items,.type-feat3 .featured-items{
4296grid-template-columns:1fr
4297}
4298.featured-item.item-0{
4299height:220px
4300}
4301.featured-item.item-0 .entry-info{
4302padding:15px
4303}
4304.featured-grid{
4305display:flex;
4306grid-template-columns:unset;
4307grid-gap:0;
4308width:100%;
4309height:150px;
4310overflow:hidden;
4311overflow-x:auto;
4312-webkit-overflow-scrolling:touch
4313}
4314.featured-grid .featured-item{
4315width:70%;
4316height:100%;
4317flex-shrink:0
4318}
4319.featured-grid > div + div{
4320margin:0 0 0 2px
4321}
4322.rtl .featured-grid > div + div{
4323margin:0 2px 0 0
4324}
4325.type-feat1 .featured-item.item-1,.type-feat3 .featured-grid{
4326grid-column:unset
4327}
4328.featured-items .cs .entry-inner,.featured-item .entry-image-wrap{
4329border-radius:0
4330}
4331.featured-item .entry-title,.type-feat1 .featured-item.item-1 .entry-title,.type-feat3 .featured-item .entry-title{
4332font-size:15px
4333}
4334.type-feat3 .featured-item.item-0 .entry-title{
4335font-size:25px
4336}
4337.featured-grid .entry-meta{
4338display:none
4339}
4340@keyframes slideToLeft{
4341from{
4342transform:translate3d(10px,0,0)
4343}
4344to{
4345transform:translate3d(0,0,0)
4346}
4347}
4348@keyframes slideToRight {
4349from{
4350transform:translate3d(-10px,0,0)
4351}
4352to{
4353transform:translate3d(0,0,0)
4354}
4355}
4356.featured-grid .featured-item{
4357animation-name:slideToLeft;
4358-webkit-animation-duration:.5s;
4359animation-duration:.5s;
4360-webkit-animation-fill-mode:both;
4361animation-fill-mode:both
4362}
4363.rtl .featured-grid .featured-item{
4364animation-name:slideToRight
4365}
4366.content-section .widget.column-style{
4367width:100%
4368}
4369.block-items{
4370grid-template-columns:1fr
4371}
4372.block-items .item-0 .entry-image-wrap{
4373height:300px
4374}
4375.block-list .entry-image-wrap{
4376width:118px;
4377height:78px
4378}
4379.grid-items,.grid2-items{
4380grid-template-columns:repeat(2,1fr);
4381grid-gap:25px 20px
4382}
4383.grid2-item .entry-image-wrap{
4384height:230px;
4385}
4386.grid2-item .entry-title{
4387font-size:14px
4388}
4389.grid2-item .entry-author,.grid2-item .entry-meta .sp{
4390display:none
4391}
4392.col-item .entry-inner{
4393height:200px
4394}
4395.col-item:not(.cs) .entry-image-wrap{
4396width:118px;
4397height:78px
4398}
4399.video-items .cs .entry-inner{
4400height:200px
4401}
4402.video-style .video-items .cs .entry-inner{
4403height:180px
4404}
4405.video-items .cs .entry-title{
4406font-size:19px
4407}
4408.video-grid{
4409grid-template-columns:repeat(2,1fr);
4410grid-gap:25px 20px
4411}
4412.video-style .video-grid{
4413grid-gap:20px
4414}
4415.entry-image-wrap.sz-2.is-video:after{
4416transform:translate(50%,-50%) scale(1)
4417}
4418.index-post{
4419flex-direction:column
4420}
4421.index-post .entry-image-wrap{
4422width:120%;
4423height:200px;
4424margin:0 0 12px!important
4425}
4426.index-post .entry-header{
4427flex:unset
4428}
4429.p-eh .entry-meta{
4430margin:15px 0 0
4431}
4432.item-post h1.entry-title{
4433font-size:30px
4434}
4435.post-body table{
4436display:block
4437}
4438.share-links li:not(.has-span) a,.share-links .has-span a:before{
4439width:38px
4440}
4441.share-links li:not(.copylink).has-span a{
4442width:38px;
4443justify-content:center
4444}
4445.share-links li:not(.copylink).has-span a:before{
4446width:100%;
4447background-color:transparent
4448}
4449.share-links li:not(.copylink) span{
4450display:none
4451}
4452.related-posts{
4453grid-template-columns:repeat(2,1fr);
4454grid-gap:25px 20px
4455}
4456.sidebar ul.social-icons{
4457grid-template-columns:repeat(2,1fr)
4458}
4459.FeaturedPost .entry-inner{
4460height:200px
4461}
4462.side-item .entry-inner{
4463height:200px
4464}
4465.side-item:not(.cs) .entry-image-wrap{
4466width:118px;
4467height:78px
4468}
4469.side3-items{
4470grid-template-columns:repeat(2,1fr);
4471grid-gap:25px 20px
4472}
4473.side3-item .entry-image-wrap{
4474height:130px
4475}
4476.errorWrap{
4477padding:15px 15px 30px
4478}
4479.errorWrap h3{
4480font-size:130px
4481}
4482.errorWrap h4{
4483line-height:initial
4484}
4485.cookie-consent{
4486right:0!important;
4487left:0!important;
4488bottom:0;
4489width:100%;
4490padding:20px;
4491border-radius:0
4492}
4493a.ads-here{
4494height:65px
4495}
4496.sidebar a.ads-here{
4497height:180px
4498}
4499}
4500@media only screen and (max-width: 480px) {
4501.grid-item .entry-image-wrap{
4502height:115px
4503}
4504.grid2-item .entry-image-wrap{
4505height:215px
4506}
4507.video-grid .entry-image-wrap{
4508height:115px
4509}
4510.video-style .video-grid .entry-image-wrap{
4511height:105px
4512}
4513.item-post h1.entry-title{
4514font-size:29px
4515}
4516.related-item .entry-image-wrap{
4517height:115px
4518}
4519.side3-item .entry-image-wrap{
4520height:115px
4521}
4522}
4523@media only screen and (max-width: 380px) {
4524#featured .widget-content{
4525min-height:220px
4526}
4527.featured-item.item-0{
4528height:200px
4529}
4530.featured-item .entry-title,.type-feat1 .featured-item.item-1 .entry-title,.type-feat3 .featured-item .entry-title{
4531font-size:14px
4532}
4533.featured-item.item-0 .entry-title,.type-feat3 .featured-item.item-0 .entry-title{
4534font-size:21px
4535}
4536.featured-grid{
4537height:130px
4538}
4539.block-items .item-0 .entry-image-wrap{
4540height:280px
4541}
4542.grid-item .entry-image-wrap{
4543height:100px
4544}
4545.grid2-item .entry-image-wrap{
4546height:200px
4547}
4548.col-item .entry-inner{
4549height:180px
4550}
4551.video-items .cs .entry-inner{
4552height:180px
4553}
4554.video-style .video-items .cs .entry-inner{
4555height:160px
4556}
4557.video-grid .entry-image-wrap{
4558height:100px
4559}
4560.video-style .video-grid .entry-image-wrap{
4561height:90px
4562}
4563.index-post .entry-image-wrap{
4564height:180px
4565}
4566.item-post h1.entry-title{
4567font-size:27px
4568}
4569.item-post .entry-meta .align-right{
4570display:none
4571}
4572.templateify-toc-inner{
4573min-width:100%
4574}
4575.share-links span{
4576display:none
4577}
4578.share-links .has-span a{
4579width:40px;
4580justify-content:center
4581}
4582.share-links .has-span a:before{
4583width:100%;
4584background-color:transparent
4585}
4586.related-item .entry-image-wrap{
4587height:100px
4588}
4589.FeaturedPost .entry-inner{
4590height:180px
4591}
4592.side-item .entry-inner{
4593height:180px
4594}
4595.side3-item .entry-image-wrap{
4596height:100px
4597}
4598.share-links .pinterest-p{
4599display:block
4600}
4601}
4602@media only screen and (max-width: 340px) {
4603#slide-menu{
4604width:100%
4605}
4606.errorWrap h3{
4607font-size:110px
4608}
4609.errorWrap h4{
4610font-size:27px
4611}
4612}
4613/* Custom mobile */
4614@media only screen and (max-width: 500px) {
4615.item-post{
4616padding: 4% 0% !important;
4617}
4618.item-post .post-body > .separator:first-of-type{
4619width: 100vw !important;
4620margin-left: calc(50% - 50vw) !important;
4621}
4622.item-post .post-body > .separator:first-of-type img{
4623width: 100% !important;
4624max-width: 100% !important;
4625min-width: 0 !important;
4626margin-left: 0 !important;
4627}
4628/*#Blog1 .title-wrap h3{
4629visibility: hidden;
4630}*/
4631#Blog1 .title-wrap{
4632display: none;
4633}
4634#Blog1 article{
4635display: flex;
4636flex-direction: row;
4637flex-wrap: nowarp;
4638border-bottom: 1px solid #8c8c8c;
4639padding: 2% 0% 8% 0%;
4640border-radius: 0;
4641}
4642#Blog1 article .entry-header{
4643width: 200%;
4644margin-left: 3%;
4645}
4646#Blog1 article:nth-child(4n+1){
4647display: flex;
4648flex-direction: column;
4649}
4650#Blog1 article:nth-child(4n+1) .entry-header{
4651width: 100% !important;
4652margin-left: 0%;
4653}
4654#Blog1 article.index-post:nth-child(4n+1) .entry-image-wrap{
4655width: 100vw !important;
4656max-width: 100vw !important;
4657margin-left: calc(50% - 50vw) !important;
4658margin-right: 0 !important;
4659}
4660#Blog1 article:not(:nth-child(4n+1)) .entry-image-wrap{
4661width: 100% !important;
4662height: 100px !important;
4663}
4664#Blog1 article:not(:nth-child(4n+1)) .entry-excerpt{
4665display: none;
4666}
4667#Blog1 article:not(:nth-child(4n+1)) .entry-title{
4668font-size: 130% !important;
4669}
4670.mm-menu.mobile-menu{
4671padding: 0 !important;
4672}
4673.mm-menu.mobile-menu .link-list{
4674display: flex;
4675flex-direction: column;
4676}
4677.mm-menu.mobile-menu .link-list li{
4678margin: 0 !important;
4679padding: 0 !important;
4680line-height: 0.9em !important;
4681}
4682.mm-footer .mm-social{
4683border-top: 1px solid black;
4684border-bottom: 1px solid black;
4685line-height: 3em;
4686}
4687iframe[id^='oauth2relay']{
4688display:none !important;
4689}
4690}
4691
4692--></style>
4693<!-- Google Analytics -->
4694<!-- Google tag (gtag.js) -->
vendor: 71 bytes, lines 4694-4695
4694
4695<script async='true' src='https://www.googletagmanager.com/gtag/js?id=
4695G-L4M88Q7ESM
vendor: 12 bytes, line 4695
4695'></script>
4696<script>
4697        
vendor: 151 bytes, lines 4697-4700
4697window.dataLayer = window.dataLayer || [];
4698        function gtag(){dataLayer.push(arguments);}
4699        gtag('js', new Date());
4700        gtag('config', '
4700G-L4M88Q7ESM
vendor: 10 bytes, lines 4700-4701
4700');
4701      
4701</script>
4701
4702<!-- Sonderstylings -->
4703<style>
4704    /* Single Posts */
4705    .hidepic{
4706    display: none;
4707    }
4708    
4709    .post-body .separator a{
4710    width: 100%;
4711    }
4712    
4713    .post-body .separator img{
4714    width: 100%;
4715    }
4716    
4717    .post-body > .separator ~ .separator img{
4718     margin-bottom: 20px;
4719    }
4720    .post-body p:first-of-type{
4721    margin-top: 2%;
4722    }
4723
4724    /* Kommentare Anpassungen */
4725    .hidden-element{
4726    display: none !important;
4727    }
4728    
4729    #loadCommentButton{
4730    width: 40%;
4731    display: block;
4732    margin: 3% auto;
4733    color: var(--widget-title-color);
4734    background: var(--widget-title-bg);
4735    font-family: var(--title-font);
4736    font-weight: 600;
4737    padding: 1.5% 1%;
4738    font-size: 110%;
4739    }
4740    
4741    #postillon-comments, #comment-wrapper{
4742    margin: 2% 0%;
4743    }
4744    
4745    #comment-wrapper{
4746    border: 1px solid var(--widget-title-bg);
4747    width: 100%;
4748    display: flex;
4749    flex-direction: column;
4750    }
4751    
4752    #comment-wrapper .comment-row{
4753    padding: 1% 2%;
4754    }
4755    
4756    #comment-wrapper .comment-row#comment-title{
4757    border-bottom: 1px solid var(--widget-title-bg);
4758    color: var(--widget-title-bg);
4759    }
4760    
4761    #comment-wrapper .comment-row#comment-area{
4762    background: #f8f9fc;
4763    }
4764    
4765    
4766    /* Newsticker */
4767    #newsticker{
4768    font-size: 12px;
4769    margin: auto;
4770    display: block;
4771    }
4772    
4773    #ticker{
4774    display: flex;
4775    flex-direction: row;
4776    flex-wrap: nowrap;
4777    line-height: 2em;
4778    float: left;
4779    width: 100%;
4780    margin-top: 0.5%;
4781    }
4782
4783    #ticker .newsticker-title{
4784    /*color: var(--widget-title-color);
4785    background: var(--widget-title-bg);*/
4786    background: var(--topbar-bg);
4787    color: var(--topbar-color);
4788    margin-right: 1%;
4789    padding: 0% 3% 0% 1%;
4790    text-transform: uppercase;
4791    font-weight: 600;
4792    font-size: 1.1em;
4793    height: 2em;
4794    line-height: 2em;
4795    border-radius: 3px;
4796    }
4797    
4798    #ticker #ticker-gadget{
4799    font-size: 1.2em;
4800    line-height: 2em;
4801    }
4802    
4803    /* Umfragen */
4804    .PDS_Poll input{
4805    appearance: auto !important;
4806    display: block !important;
4807    }
4808
4809    .PDS_Poll .pds-box .pds-answer-input{
4810    padding-right: 5% !important;
4811    padding-top: 1.0% !important;
4812    }
4813    
4814    /* Verkürzter Feed */
4815    .is-home:not(.is-mobile) #Blog1 .index-post-wrap article:nth-child(-n+4){
4816    display: none;
4817    }
4818    
4819    .is-home.is-mobile #Blog1 .index-post-wrap article:nth-last-child(-n+4){
4820    display: none;
4821    }
4822    
4823     /* The snackbar - position it at the bottom and in the middle of the screen */
4824    #snackbar {
4825      visibility: hidden; /* Hidden by default. Visible on click */
4826      min-width: 250px; /* Set a default minimum width */
4827      margin-left: -125px; /* Divide value of min-width by 2 */
4828      background-color: #333; /* Black background color */
4829      color: #fff; /* White text color */
4830      text-align: center; /* Centered text */
4831      border-radius: 2px; /* Rounded borders */
4832      padding: 16px; /* Padding */
4833      position: fixed; /* Sit on top of the screen */
4834      z-index: 1; /* Add a z-index if needed */
4835      left: 50%; /* Center the snackbar */
4836      bottom: 30px; /* 30px from the bottom */
4837    }
4838
4839    /* Show the snackbar when clicking on a button (class added with JavaScript) */
4840    #snackbar.show {
4841      visibility: visible; /* Show the snackbar */
4842      /* Add animation: Take 0.5 seconds to fade in and out the snackbar.
4843      However, delay the fade out process for 2.5 seconds */
4844      -webkit-animation: fadein 0.5s, fadeout 0.5s 2.5s;
4845      animation: fadein 0.5s, fadeout 0.5s 2.5s;
4846    }
4847
4848    /* Animations to fade the snackbar in and out */
4849    @-webkit-keyframes fadein {
4850      from {bottom: 0; opacity: 0;}
4851      to {bottom: 30px; opacity: 1;}
4852    }
4853
4854    @keyframes fadein {
4855      from {bottom: 0; opacity: 0;}
4856      to {bottom: 30px; opacity: 1;}
4857    }
4858
4859    @-webkit-keyframes fadeout {
4860      from {bottom: 30px; opacity: 1;}
4861      to {bottom: 0; opacity: 0;}
4862    }
4863
4864    @keyframes fadeout {
4865      from {bottom: 30px; opacity: 1;}
4866      to {bottom: 0; opacity: 0;}
4867    } 
4868
4869    .iqd-mobile-slot-wrapper {
4870      clear: both;
4871      display: block;
4872      width: 100%;
4873      min-height: 460px;
4874    }
4875
4876    .iqd-mobile-slot-label {
4877      clear: both;
4878      display: block;
4879      width: 100%;
4880      box-sizing: border-box;
4881    }
4882
4883    .iqd-mobile-slot-wrapper .iqdcontainer {
4884      min-height: 460px;
4885    }
4886
4887    .iqdcontainer[data-device="mobile"] {
4888      width: 100vw !important;
4889      max-width: 100vw !important;
4890      margin-left: calc(50% - 50vw) !important;
4891      box-sizing: border-box !important;
4892    }
4893
4894    .iqd-mobile-recommendation-slot {
4895      display: none;
4896    }
4897
4898    @media only screen and (max-width: 860px) {
4899      body.is-post .iqd-mobile-recommendation-slot,
4900      body.item-view .iqd-mobile-recommendation-slot {
4901        display: block;
4902      }
4903    }
4904
4905    .iqd-dynamic-slot {
4906      clear: both;
4907      display: block;
4908      width: 100%;
4909      margin: 24px 0;
4910    }
4911
4912    body.is-page .iqdcontainer,
4913    body.is-page .iqd-mobile-slot-wrapper,
4914    body.is-page .iqd-dynamic-slot {
4915      display: none !important;
4916    }
4917
4918    body.steady-subscribed .iqdcontainer,
4919    body.steady-subscribed .iqd-mobile-slot-wrapper,
4920    body.steady-subscribed .iqd-dynamic-slot {
4921      display: none !important;
4922      height: 0 !important;
4923      min-height: 0 !important;
4924      margin: 0 !important;
4925      overflow: hidden !important;
4926      padding: 0 !important;
4927    }
4928    
4929    
4930.fa-bluesky {
4931    content: none !important;
4932
4933    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFJTY1neJvFn-sLRugsowDjAiNgZfvX_oh5BQ7czJWc02yRzAn4VJAdCrqZ8bAZ-5Us4Gg0vsiEY643d7A6iqeifPfXrluKn9XzBkpkzh1TOqVNE1CI4mLX43ypFRqNRrLlrtYMVYt5_AODNRcTkQmUxrGQ9Awk5MmTuaX-pKXt4uvr
4933n69Djd5YIz_Ym0/s1600/bluesky.png");
4934    background-size: contain;
4935    background-repeat: no-repeat;
4936    background-position: center;
4937    display: block;
4938    width: 12px;
4939    height: 12px;
4940    margin: auto;
4941    text-align: center;
4942}
4943
4944.social li {
4945    display: flex;
4946    align-items: center;
4947    justify-content: center;
4948}
4949
4950
4951.is-dark .fa-bluesky {
4952    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8zkQeVkGeBtJEWYjHsnFsDn9i5TxqieNrS0WlskPRUzn4sd_7EJsa_qlwKN1BpWfzDs870yiB0nRIsWSZQsZNd-_BbhncT0tsAhuzbBqCPr05xJDwSVml74bpeqE1paTWQ10BZ5dbPH7u7i3JwFDa5n8eXf9fayAxAv91IQTDP0HiKXw_0eeiTf5toAs/s1600/bluesky_dark.png");
4953}
4954
4955.fa-bluesky:hover {
4956    background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Kueki2k3k4wZh0qWGpwSN257fstAESD9wC9vBhY9eO2lq3CErIXwA85KtQ7yIcaAnqxzo1XLK4Hozr-RGc21tctWewLhH5Y2qCKDzxZXMwAuHZIzIdKI7QiR6s4p1YS8qtfKU10Ciburc1q7wcoqQJ0Oi3ZpdKun7pCKn52RDpleF2XwH0t7B8Qfers/s1600/bluesky_hover.png");
4957}
4958    
4959  </style>
4960<!-- Externe Ressourcen -->
4961<script async='async' src='https://static.cleverpush.com/channel/loader/JaSsr69a6zLYMnnRD.js'></script>
4961
4962<meta content='app-id=1463677419' name='apple-itunes-app'/>
4963<!-- /Externe Ressourcen -->
4964<!-- ADs / Werbung -->
4965<script>
4966//<![CDATA[
4967"use strict";function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}!function(){var t=function(){var t,e,o=[],n=window,r=n;for(;r;){try{if(r.frames.__tcfapiLocator){t=r;break}}catch(t){}if(r===n.top)break;r=r.parent}t||(!function t(){var e=n.document,o=!!n.frames.__tcfapiLocator;if(!o)if(e.body){var r=e.createElement("iframe");r.style.cssText="display:none",r.name="__tcfapiLocator",e.body.appendChild(r)}else setTimeout(t,5);return!o}(),n.__tcfapi=function(){for(var t=arguments.length,n=new Array(t),r=0;r<t;r++)n[r]=arguments[r];if(!n.length)return o;"setGdprApplies"===n[0]?n.length>3&&2===parseInt(n[1],10)&&"boolean"==typeof n[3]&&(e=n[3],"function"==typeof n[2]&&n[2]("set",!0)):"ping"===n[0]?"function"==typeof n[2]&&n[2]({gdprApplies:e,cmpLoaded:!1,cmpStatus:"stub"}):o.push(n)},n.addEventListener("message",(function(t){var e="string"==typeof t.data,o={};if(e)try{o=JSON.parse(t.data)}catch(t){}else o=t.data;var n="object"===_typeof(o)&&null!==o?o.__tcfapiCall:null;n&&window.__tcfapi(n.command,n.version,(function(o,r){var a={__tcfapiReturn:{returnValue:o,success:r,callId:n.callId}};t&&t.source&&t.source.postMessage&&t.source.postMessage(e?JSON.stringify(a):a,"*")}),n.parameter)}),!1))};"undefined"!=typeof module?module.exports=t:t()}();</script>
4967
4968    
4968<script>
4969    window._sp_queue = [];
4970    window._sp_ = {
4971        config: {
4972           accountId: 692,
4973            baseEndpoint: 'https://cdn.privacy-mgmt.com',
4974            gdpr: { },
4975            events: { onMessageReady: function() {
4976              console.log('[event] onMessageReady', arguments);
4977            },
4978onMessageReceiveData: function() {
4979              console.log('[event] onMessageReceiveData', arguments);
4980            },
4981onSPReady: function() {
4982              console.log('[event] onSPReady', arguments);
4983            },
4984onError: function() {
4985              console.log('[event] onError', arguments);
4986            },
4987onMessageChoiceSelect: function() {
4988              console.log('[event] onMessageChoiceSelect', arguments);
4989            },
4990onConsentReady: function(consentUUID, euconsent) {
4991              console.log('[event] onConsentReady', arguments);
4992            },
4993onPrivacyManagerAction: function() {
4994              console.log('[event] onPrivacyManagerAction', arguments);
4995            },
4996onPMCancel: function() {
4997              console.log('[event] onPMCancel', arguments);
4998            } }
4999        }
5000    }
5001    //]]>
5002    </script>
vendor: 1 bytes, line 5002
5002
5003<script async='async' src='https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js'></script>
vendor: 1 bytes, line 5003
5003
5004<script>
5005    function isDesktopViewport() {
5006      var width = window.innerWidth || document.documentElement.clientWidth || screen.width;
5007      return width >= 1280;
5008    }
5009
5010    var iqd_mode = (function () {
5011      var mode = 'live';
5012      var params = new URLSearchParams(window.location.search);
5013
5014      if (params.has('iqdeployment')) {
5015        mode = params.get('iqdeployment').replace(/\W/g, '');
5016      }
5017
5018      return mode;
5019    })();
5020
5021    function IQSLoader() {
5022      var script = document.createElement('script');
5023      script.type = 'text/javascript';
5024      script.src = isDesktopViewport()
5025        ? 'https://s3.eu-central-1.amazonaws.com/prod.iqdcontroller.iqdigital/cdn_postillon/' + iqd_mode + '/iqadcontroller.js.gz'
5026        : 'https://s3.eu-central-1.amazonaws.com/prod.iqdcontroller.iqdigital/cdn_postillon_mob/' + iqd_mode + '/iqadcontroller.js.gz';
5027      document.getElementsByTagName('head')[0].appendChild(script);
5028    }
5029  </script>
vendor: 1 bytes, line 5029
5029
5030<script data-when='no-subscription' type='steady-switch'><!--
5031 
5031<script>
5032 IQSLoader();
5033 </script>
5033
5034--></script>
vendor: 1 bytes, line 5034
5034
5035<script data-when='subscription' type='steady-switch'><!--
5036 
5036<script>
5037   document.documentElement.classList.add('steady-subscribed');
5038   document.body.classList.add('steady-subscribed');
5039 </script>
5039
5040--></script>
vendor: 1 bytes, line 5040
5040
5041<script>
5042     (function () {
5043        window.AdController = {
5044
5045            i: null, /* page info*/
5046			q: [], /* render queue */
5047            f: false, /* is finalized */
5048			s: false, /* is staged*/
5049            n: false, /* is initialized*/
5050			r: null, /* ready function */
5051			c: [], /* command queue */
5052
5053            setPageInfo: function (i) {
5054                window.AdController.i = i;
5055            },
5056            stage: function () {
5057                window.AdController.s = true;
5058            },
5059            initialize: function () {
5060                window.AdController.n = true;
5061            },
5062            render: function (n, c) {
5063                window.AdController.q.push([n, c]);
5064            },
5065            finalize: function () {
5066                window.AdController.f = true;
5067            },
5068            ready: function (callback) {
5069                window.AdController.r = callback;
5070            },
5071            startLoadCycle: function () {
5072                window.AdController.c.push(['startLoadCycle']);
5073            },
5074            reload: function (p, t) {
5075                window.AdController.c.push(['reload', p, t]);
5076            },
5077            reinitialize: function (i) {
5078                window.AdController.c.push(['reinitialize', i]);
5079            }
5080        };
5081    })();
5082</script>
vendor: 1 bytes, line 5082
5082
5083<script>
5084    function normalizeCmsValue(value) {
5085      return (value || '')
5086        .toLowerCase()
5087        .trim()
5088        .replace(/ä/g, 'ae')
5089        .replace(/ö/g, 'oe')
5090        .replace(/ü/g, 'ue')
5091        .replace(/ß/g, 'ss')
5092        .replace(/[^a-z0-9_]+/g, '_')
5093        .replace(/^_+|_+$/g, '');
5094    }
5095
5096    function getCmsPlatformByLayout() {
5097      var width = window.innerWidth || document.documentElement.clientWidth || screen.width;
5098      if (width >= 1280) {
5099        return 'desktop';
5100      }
5101      return 'mobile';
5102    }
5103
5104    function uniqueNonEmpty(values) {
5105      return values.filter(function (value, index, array) {
5106        return value !== '' && array.indexOf(value) === index;
5107      });
5108    }
5109
5110    function getCmsLabelsFromArticleDom() {
5111      var breadcrumbLabel = '';
5112      var breadcrumbLabelNode = document.querySelector('#breadcrumb a.label');
5113      if (breadcrumbLabelNode) {
5114        breadcrumbLabel = (breadcrumbLabelNode.textContent || '').trim();
5115      }
5116
5117      var postTagLabels = Array.prototype.slice
5118        .call(document.querySelectorAll('.entry-labels .label-link'))
5119        .map(function (node) { return (node.textContent || '').trim(); });
5120
5121      return uniqueNonEmpty([breadcrumbLabel].concat(postTagLabels));
5122    }
5123
5124    var cmsSearchLabel = "";
5125    var cmsRawLabels = "";
5126    var cmsMetaKeywords = '';
5127    var cmsMetaKeywordsTag = document.querySelector('meta[name="keywords"]');
5128    if (cmsMetaKeywordsTag && cmsMetaKeywordsTag.content) {
5129      cmsMetaKeywords = cmsMetaKeywordsTag.content;
5130    }
5131
5132    var cmsArticleSection = '';
5133    var cmsArticleSectionTag = document.querySelector('meta[property="article:section"]');
5134    if (cmsArticleSectionTag && cmsArticleSectionTag.content) {
5135      cmsArticleSection = cmsArticleSectionTag.content;
5136    }
5137
5138    var cmsArticleTags = Array.prototype.slice
5139      .call(document.querySelectorAll('meta[property="article:tag"]'))
5140      .map(function (tag) { return tag.content || ''; })
5141      .filter(function (tag) { return tag !== ''; })
5142      .join(',');
5143
5144    var cmsUrlLabel = '';
5145    var cmsUrlMatch = window.location.pathname.match(/\/search\/label\/([^/?#]+)/i);
5146    if (cmsUrlMatch && cmsUrlMatch[1]) {
5147      cmsUrlLabel = decodeURIComponent(cmsUrlMatch[1]).replace(/\+/g, ' ');
5148    }
5149
5150    var cmsRawSource = cmsSearchLabel || cmsRawLabels || cmsArticleSection || cmsArticleTags || cmsMetaKeywords || cmsUrlLabel;
5151    var cmsLabelValues = cmsRawSource
5152      .split(',')
5153      .map(function (label) { return normalizeCmsValue(label); })
5154      .filter(function (label) { return label !== ''; });
5155
5156    var cmsLevel2 = cmsLabelValues.length > 0 ? cmsLabelValues[0] : '';
5157    var cmsLevel3 = cmsLabelValues.length > 1 ? cmsLabelValues[1] : '';
5158    var cmsKeywords = cmsLabelValues.join(',');
5159    var cmsPlatform = getCmsPlatformByLayout();
5160    var cmsIsWrapperApp = navigator.userAgent.indexOf("gonative") !== -1;
5161    var cmsIsArticlePage = "false" === 'true';
5162
5163    function applyCmsArticleDomFallback() {
5164      if (!cmsIsArticlePage) {
5165        return;
5166      }
5167      if (cmsLevel2 !== '' && cmsKeywords !== '') {
5168        return;
5169      }
5170
5171      var domLabels = getCmsLabelsFromArticleDom();
5172      if (domLabels.length === 0) {
5173        return;
5174      }
5175
5176      var normalizedDomLabels = domLabels
5177        .map(function (label) { return normalizeCmsValue(label); })
5178        .filter(function (label) { return label !== ''; });
5179
5180      if (normalizedDomLabels.length === 0) {
5181        return;
5182      }
5183
5184      cmsLevel2 = normalizedDomLabels[0] || cmsLevel2;
5185      cmsLevel3 = normalizedDomLabels[1] || cmsLevel3;
5186      cmsKeywords = normalizedDomLabels.join(',');
5187
5188      if (typeof cmsObject !== 'undefined' && cmsObject) {
5189        cmsObject.level2 = cmsLevel2;
5190        cmsObject.level3 = cmsLevel3;
5191        cmsObject.keywords = cmsKeywords;
5192      }
5193
5194      try {
5195        if (window.AdController && typeof AdController.setPageInfo === 'function' && typeof cmsObject !== 'undefined') {
5196          AdController.setPageInfo(cmsObject);
5197        }
5198        if (window.AdController && typeof AdController.reinitialize === 'function' && AdController._initialized && typeof cmsObject !== 'undefined') {
5199          AdController.reinitialize(cmsObject);
5200        }
5201      } catch (e) {}
5202
5203    }
5204
5205  </script>
vendor: 1 bytes, line 5205
5205
5206<script>
5207    var IQD_PLACEMENT_CONFIG = {
5208      home: {
5209        desktop: {
5210          feed: [],
5211          statics: [
5212            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'desktop' },
5213            { placement: 'pos_1', anchor: { type: 'element', selector: '#featured-wrapper', position: 'before' }, device: 'desktop' },
5214            { placement: 'pos_2', anchor: { type: 'element', selector: '#featured-wrapper', position: 'after' }, device: 'desktop' },
5215            { placement: 'pos_3', anchor: { type: 'element', selector: '#HTML24', position: 'append' }, device: 'desktop' },
5216            { placement: 'pos_4', anchor: { type: 'element', selector: '#Blog1', position: 'before' }, device: 'desktop' },
5217            { placement: 'pos_5', anchor: { type: 'element', selector: '#HTML15', position: 'before' }, device: 'desktop' },
5218            { placement: 'pos_6', anchor: { type: 'element', selector: '#HTML10', position: 'after' }, device: 'desktop' },
5219            { placement: 'pos_marg_right_1', anchor: { type: 'element', selector: '#iqd_pos_marg_right_1_placeholder' }, device: 'desktop' },
5220            { placement: 'pos_marg_right_2', anchor: { type: 'element', selector: '#iqd_pos_marg_right_2_placeholder' }, device: 'desktop' },
5221            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'desktop' }
5222          ]
5223        },
5224        tablet: {
5225          feed: ['pos_2', 'pos_3', 'pos_4'],
5226          statics: [
5227            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'mobile' },
5228            { placement: 'pos_1', anchor: { type: 'element', selector: '#featured-wrapper', position: 'after' }, device: 'mobile' },
5229            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'mobile' }
5230          ]
5231        },
5232        mobile: {
5233          feed: ['pos_1', 'pos_2', 'pos_3', 'pos_4'],
5234          statics: [
5235            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'mobile' },
5236            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'mobile' }
5237          ]
5238        }
5239      },
5240      index: {
5241        desktop: {
5242          feed: ['pos_2', 'pos_3'],
5243          statics: [
5244            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'desktop' },
5245            { placement: 'pos_1', anchor: { type: 'element', selector: '#content-wrapper', position: 'before' }, device: 'desktop' },
5246            { placement: 'pos_marg_right_1', anchor: { type: 'element', selector: '#iqd_pos_marg_right_1_placeholder' }, device: 'desktop' },
5247            { placement: 'pos_marg_right_2', anchor: { type: 'element', selector: '#iqd_pos_marg_right_2_placeholder' }, device: 'desktop' },
5248            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'desktop' }
5249          ]
5250        },
5251        tablet: {
5252          feed: ['pos_1', 'pos_2', 'pos_3', 'pos_4'],
5253          statics: [
5254            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'mobile' },
5255            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'mobile' }
5256          ]
5257        },
5258        mobile: {
5259          feed: ['pos_1', 'pos_2', 'pos_3', 'pos_4'],
5260          statics: [
5261            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'mobile' },
5262            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'mobile' }
5263          ]
5264        }
5265      },
5266      article: {
5267        desktop: {
5268          inline: { mode: 'dynamic', placements: ['pos_2', 'pos_3', 'pos_4'] },
5269          statics: [
5270            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'desktop' },
5271            { placement: 'pos_1', anchor: { type: 'element', selector: '#content-wrapper', position: 'before' }, device: 'desktop' },
5272            { placement: 'pos_marg_right_1', anchor: { type: 'element', selector: '#iqd_pos_marg_right_1_placeholder' }, device: 'desktop' },
5273            { placement: 'pos_marg_right_2', anchor: { type: 'element', selector: '#iqd_pos_marg_right_2_placeholder' }, device: 'desktop' },
5274            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'desktop' },
5275            { placement: 'pos_recommendation_1', anchor: { type: 'element', selector: '#postillon-comments', position: 'after' }, device: 'desktop' },
5276            { placement: 'pos_recommendation_2', anchor: { type: 'element', selector: '#archiv-content', position: 'after' }, device: 'desktop' }
5277          ]
5278        },
5279        tablet: {
5280          inline: { mode: 'dynamic', placements: ['pos_1', 'pos_2', 'pos_3', 'pos_4'] },
5281          statics: [
5282            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'mobile' },
5283            { placement: 'pos_recommendation_1', anchor: { type: 'element', selector: '#postillon-comments', position: 'after' }, device: 'mobile' },
5284            { placement: 'pos_recommendation_2', anchor: { type: 'element', selector: '#HTML2' }, device: 'mobile' },
5285            { placement: 'pos_recommendation_3', anchor: { type: 'element', selector: '#HTML5' }, device: 'mobile' },
5286            { placement: 'pos_recommendation_4', anchor: { type: 'element', selector: '#HTML26' }, device: 'mobile' },
5287            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'mobile' }
5288          ]
5289        },
5290        mobile: {
5291          inline: { mode: 'dynamic', placements: ['pos_1', 'pos_2', 'pos_3', 'pos_4'] },
5292          statics: [
5293            { placement: 'pos_header', anchor: { type: 'element', selector: '#iqd_pos_header_placeholder' }, device: 'mobile' },
5294            { placement: 'pos_recommendation_1', anchor: { type: 'element', selector: '#postillon-comments', position: 'after' }, device: 'mobile' },
5295            { placement: 'pos_recommendation_2', anchor: { type: 'element', selector: '#HTML2' }, device: 'mobile' },
5296            { placement: 'pos_recommendation_3', anchor: { type: 'element', selector: '#HTML5' }, device: 'mobile' },
5297            { placement: 'pos_recommendation_4', anchor: { type: 'element', selector: '#HTML26' }, device: 'mobile' },
5298            { placement: 'pos_footer', anchor: { type: 'element', selector: '#iqd_pos_footer_placeholder' }, device: 'mobile' }
5299          ]
5300        }
5301      }
5302    };
5303
5304    function getConfigFor(viewType, device) {
5305      if (!IQD_PLACEMENT_CONFIG || !viewType) return null;
5306      var cfg = IQD_PLACEMENT_CONFIG[viewType];
5307      if (!cfg) return null;
5308      var dev = device === 'tablet' ? 'tablet' : (device === 'mobile' ? 'mobile' : 'desktop');
5309      return cfg[dev] || null;
5310    }
5311  </script>
5311
5312<!-- cmsObject wenn desktop && homepage -->
5313<script>
5314    // ########### CMS-MANDANTEN-OBJECT #############
5315    var cmsObject = {}; cmsObject = {
5316        $handle: "static_page",
5317      level2: cmsLevel2,
5318      level3: cmsLevel3,
5319        level4: "",
5320        keywords: cmsKeywords,
5321  tma: "",
5322      platform: cmsPlatform,
5323      isWrapperApp: cmsIsWrapperApp
5324    };
5325</script>
vendor: 1 bytes, line 5325
5325
5326<script>
5327  function bootstrapAdControllerWithCmsObject() {
5328    console.log('[AdController] cmsObject', cmsObject);
5329
5330    if (!AdController._initialized) {
5331      AdController.setPageInfo(cmsObject);
5332      try {
5333        AdController.stage();
5334      } catch (e) {}
5335      AdController.initialize();
5336    } else {
5337      (function checkDOMReadyState(c) {
5338        try {
5339          if (AdController.getRenderController().isReady()) {
5340            AdController.reinitialize(cmsObject);
5341          }
5342        } catch (e) {
5343          if (c < 50) {
5344            c++;
5345            setTimeout(function () {
5346              checkDOMReadyState(c);
5347            }, 100);
5348          }
5349        }
5350      })(0);
5351    }
5352  }
5353
5354  var cmsNeedsArticleDomFallback = cmsIsArticlePage && (cmsObject.level2 === '' || cmsObject.keywords === '');
5355
5356  if (cmsNeedsArticleDomFallback && document.readyState === 'loading') {
5357    document.addEventListener('DOMContentLoaded', function () {
5358      applyCmsArticleDomFallback();
5359      bootstrapAdControllerWithCmsObject();
5360    }, { once: true });
5361  } else {
5362    if (cmsNeedsArticleDomFallback) {
5363      applyCmsArticleDomFallback();
5364    }
5365    bootstrapAdControllerWithCmsObject();
5366  }
5367
5368  (function initDynamicSlotPlacement() {
5369    if (window.__iqdDynamicSlotPlacementInitialized) return;
5370    window.__iqdDynamicSlotPlacementInitialized = true;
5371
5372    var SLOT_CONFIG = {
5373      mobileBreakpoint: 1280,
5374      index: {
5375        firstSlotAfterPost: 2
5376      },
5377      article: {
5378        firstAdAfterParagraphs: 4,
5379        everyParagraphs: 4
5380      }
5381    };
5382
5383    function getViewportDevice() {
5384      var width = window.innerWidth || document.documentElement.clientWidth || screen.width;
5385      if (width < 768) return 'mobile';
5386      if (width < SLOT_CONFIG.mobileBreakpoint) return 'tablet';
5387      return 'desktop';
5388    }
5389
5390    function normalizePlacementDevice(device) {
5391      if (!device) return 'desktop';
5392      if (device === 'tablet') return 'mobile';
5393      return device === 'mobile' ? 'mobile' : 'desktop';
5394    }
5395
5396    function isMobileViewport() {
5397      return getViewportDevice() === 'mobile';
5398    }
5399
5400    function isTabletViewport() {
5401      return getViewportDevice() === 'tablet';
5402    }
5403
5404    function normalizeStaticContainerDevices() {
5405      var device = normalizePlacementDevice(getViewportDevice());
5406      var containers = document.querySelectorAll('.iqdcontainer');
5407      Array.prototype.forEach.call(containers, function (container) {
5408        if (container) {
5409          container.setAttribute('data-device', device);
5410        }
5411      });
5412    }
5413
5414    function isPostView() {
5415      if (document.body.classList.contains('item-view') || document.body.classList.contains('is-post')) {
5416        return true;
5417      }
5418
5419      if (isSearchView()) return false;
5420      var path = (window.location.pathname || '').toLowerCase();
5421      if (path === '/' || path === '/index.html' || /\/search/.test(path)) return false;
5422
5423      return !!document.querySelector('#post-body') && !!document.querySelector('article.blog-post.hentry');
5424    }
5425
5426    function isSearchView() {
5427      return /\/search/.test(window.location.pathname) || /[?&](q|label)=/.test(window.location.search);
5428    }
5429
5430    function isHomepageView() {
5431      if (isPostView() || isSearchView()) return false;
5432      var path = window.location.pathname.replace(/\/index\.html$/, '/');
5433      return path === '/' || path === '';
5434    }
5435
5436    function rollbackDynamicPlacement() {
5437      var inserted = document.querySelectorAll('.iqd-dynamic-slot');
5438      inserted.forEach(function (node) {
5439        if (node && node.parentNode) {
5440          node.parentNode.removeChild(node);
5441        }
5442      });
5443    }
5444
5445    function createDynamicSlot(placement, device) {
5446      var normalizedDevice = normalizePlacementDevice(device);
5447      var outer = document.createElement('div');
5448      outer.className = 'iqd-dynamic-slot';
5449      outer.setAttribute('data-dynamic-placement', placement);
5450
5451      var container = document.createElement('div');
5452      container.className = 'iqdcontainer';
5453      container.setAttribute('data-placement', placement);
5454      container.setAttribute('data-device', normalizedDevice);
5455      if (normalizedDevice === 'mobile') {
5456        container.style.minHeight = '460px';
5457      }
5458      outer.appendChild(container);
5459
5460      return outer;
5461    }
5462
5463    function insertAfter(referenceNode, newNode) {
5464      if (!referenceNode || !referenceNode.parentNode) return;
5465      if (referenceNode.nextSibling) {
5466        referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
5467      } else {
5468        referenceNode.parentNode.appendChild(newNode);
5469      }
5470    }
5471
5472    function collectFeedPosts() {
5473      var posts = document.querySelectorAll('#main-wrapper .blog-posts > article.blog-post.hentry');
5474      if (!posts.length) {
5475        posts = document.querySelectorAll('#main-wrapper article.blog-post.hentry');
5476      }
5477      return Array.prototype.filter.call(posts, function (post) {
5478        return post.offsetParent !== null;
5479      });
5480    }
5481
5482    function collectMobileDistributionAnchors() {
5483      var anchors = document.querySelectorAll(
5484        '#main-wrapper .blog-posts > article.blog-post.hentry, #main-wrapper .blog-posts > div, #main-wrapper .content-section .widget, #sidebar-wrapper .sidebar > .widget'
5485      );
5486      return Array.prototype.filter.call(anchors, function (node) {
5487        return node.offsetParent !== null;
5488      });
5489    }
5490
5491    function collectTabletDistributionAnchors() {
5492      var anchors = document.querySelectorAll(
5493        '#main-wrapper .blog-posts > article.blog-post.hentry, #main-wrapper .blog-posts > div, #main-wrapper .content-section .widget, #sidebar-wrapper .sidebar > .widget'
5494      );
5495      return Array.prototype.filter.call(anchors, function (node) {
5496        return node.offsetParent !== null;
5497      });
5498    }
5499
5500    function computeDistributedIndices(totalPosts, firstFixedIndex, additionalSlots) {
5501      if (totalPosts <= 0) return [];
5502
5503      var indices = [];
5504      var first = Math.min(Math.max(1, firstFixedIndex), totalPosts);
5505      indices.push(first);
5506
5507      if (additionalSlots <= 0) return indices;
5508
5509      var start = Math.min(totalPosts, first + 1);
5510      for (var i = 1; i <= additionalSlots; i++) {
5511        var ratio = i / (additionalSlots + 1);
5512        var distributed = Math.round(start + ratio * Math.max(0, totalPosts - start));
5513        distributed = Math.min(totalPosts, Math.max(start, distributed));
5514        if (indices.length > 0 && distributed <= indices[indices.length - 1]) {
5515          distributed = Math.min(totalPosts, indices[indices.length - 1] + 1);
5516        }
5517        indices.push(distributed);
5518      }
5519
5520      return indices;
5521    }
5522
5523    function placeSlotsIntoFeed(placements, device) {
5524      var posts;
5525      if (device === 'mobile') {
5526        posts = collectMobileDistributionAnchors();
5527      } else if (device === 'tablet') {
5528        posts = collectTabletDistributionAnchors();
5529      } else {
5530        posts = collectFeedPosts();
5531      }
5532      if ((device === 'mobile' || device === 'tablet') && !posts.length) {
5533        posts = collectFeedPosts();
5534      }
5535      if (!posts.length) return;
5536
5537      var targets = computeDistributedIndices(posts.length, SLOT_CONFIG.index.firstSlotAfterPost, placements.length - 1);
5538      for (var i = 0; i < placements.length; i++) {
5539        var idx = Math.min(posts.length, targets[i] || posts.length);
5540        var anchor = posts[Math.max(0, idx - 1)];
5541        if (!anchor) continue;
5542        var slotNode = createDynamicSlot(placements[i], device);
5543        insertAfter(anchor, slotNode);
5544        posts[Math.max(0, idx - 1)] = slotNode;
5545      }
5546    }
5547
5548    function isValidArticleAnchorNode(node) {
5549      if (!node || !node.tagName) return false;
5550
5551      var tag = node.tagName.toLowerCase();
5552      if (/^(script|style|link|meta|noscript)$/.test(tag)) return false;
5553
5554      if (node.classList && (node.classList.contains('iqd-dynamic-slot') || node.classList.contains('iqd-dynamic-recommendations'))) {
5555        return false;
5556      }
5557
5558      var textLength = (node.textContent || '').replace(/\s+/g, ' ').trim().length;
5559      var pCount = (tag === 'p' ? 1 : 0) + node.querySelectorAll('p').length;
5560      var brCount = (tag === 'br' ? 1 : 0) + node.querySelectorAll('br').length;
5561      var mediaCount = (tag === 'img' || tag === 'figure' ? 1 : 0) + node.querySelectorAll('img,figure,iframe,video,.flip-container').length;
5562      var childCount = node.children ? node.children.length : 0;
5563
5564      if (mediaCount > 0) return true;
5565      if (tag === 'p' && textLength >= 20) return true;
5566      if (/^(h2|h3|h4|blockquote|ul|ol|table|pre|figure)$/.test(tag) && (textLength >= 15 || childCount > 0)) return true;
5567      if (/^(div|section|article)$/.test(tag) && (textLength >= 40 || pCount > 0 || brCount >= 3)) return true;
5568      if (textLength >= 120) return true;
5569      if (textLength >= 70 && brCount >= 2) return true;
5570
5571      return false;
5572    }
5573
5574    function collectWeightedArticleBlocks(postBody) {
5575      var topLevel = Array.prototype.filter.call(postBody.children || [], function (node) {
5576        if (!node || node.offsetParent === null) return false;
5577        return isValidArticleAnchorNode(node);
5578      });
5579
5580      return topLevel;
5581    }
5582
5583    function paragraphCountForNode(node) {
5584      if (!node || !node.tagName) {
5585        return 0;
5586      }
5587
5588      var tag = node.tagName.toLowerCase();
5589      var pCount = (tag === 'p' ? 1 : 0) + node.querySelectorAll('p').length;
5590      var textLength = (node.textContent || '').replace(/\s+/g, ' ').trim().length;
5591      var brCount = (tag === 'br' ? 1 : 0) + node.querySelectorAll('br').length;
5592      var mediaCount = (tag === 'img' || tag === 'figure' ? 1 : 0) + node.querySelectorAll('img,figure,iframe,video,.flip-container').length;
5593
5594      var units = 0;
5595      if (textLength >= 120) units += Math.max(1, Math.floor(textLength / 280));
5596      if (brCount >= 3) units += Math.max(1, Math.floor(brCount / 4));
5597      if (mediaCount > 0) units += 1;
5598
5599      var countedParagraphs = pCount > 0 ? pCount : Math.max(1, units);
5600
5601      return countedParagraphs;
5602    }
5603
5604    function findArticleAnchors(blocks, slotsToPlace) {
5605      if (!blocks.length || !slotsToPlace.length) return [];
5606
5607      var totalParagraphs = 0;
5608      blocks.forEach(function (block) {
5609        totalParagraphs += paragraphCountForNode(block);
5610      });
5611
5612      var paragraphTargets = [];
5613      var nextTarget = SLOT_CONFIG.article.firstAdAfterParagraphs;
5614      while (paragraphTargets.length < slotsToPlace.length && nextTarget <= totalParagraphs) {
5615        paragraphTargets.push(nextTarget);
5616        nextTarget += SLOT_CONFIG.article.everyParagraphs;
5617      }
5618
5619      if (!paragraphTargets.length) {
5620        return [];
5621      }
5622
5623      var anchors = [];
5624      var anchorDetails = [];
5625      var currentParagraphs = 0;
5626      var targetIndex = 0;
5627
5628      for (var b = 0; b < blocks.length; b++) {
5629        var block = blocks[b];
5630        var blockParagraphs = Math.max(1, paragraphCountForNode(block));
5631        var blockEndParagraphs = currentParagraphs + blockParagraphs;
5632
5633        while (targetIndex < paragraphTargets.length && paragraphTargets[targetIndex] <= blockEndParagraphs) {
5634          anchorDetails.push({ node: block, paragraphEnd: blockEndParagraphs });
5635          anchors.push(block);
5636          targetIndex++;
5637        }
5638
5639        currentParagraphs = blockEndParagraphs;
5640        if (anchors.length >= slotsToPlace.length) {
5641          break;
5642        }
5643      }
5644
5645      if (anchorDetails.length) {
5646        var lastAnchor = anchorDetails[anchorDetails.length - 1];
5647        var remainingAfterLast = Math.max(0, totalParagraphs - lastAnchor.paragraphEnd);
5648        if (remainingAfterLast < 2) {
5649          anchorDetails.pop();
5650        }
5651      }
5652
5653      return anchorDetails.map(function (entry) {
5654        return entry.node;
5655      });
5656    }
5657
5658    function placeArticleInlineSlots(device, explicitPlacements) {
5659      var postBody = document.querySelector('#post-body');
5660      if (!postBody) return;
5661
5662      var blocks = collectWeightedArticleBlocks(postBody);
5663      if (!blocks.length) {
5664        return;
5665      }
5666
5667      var relevantPlacements = Array.isArray(explicitPlacements) && explicitPlacements.length
5668        ? explicitPlacements.slice()
5669        : [];
5670
5671      var placements = relevantPlacements;
5672      var anchors = findArticleAnchors(blocks, placements);
5673
5674      var filteredPlacements = [];
5675      var filteredAnchors = [];
5676      for (var f = 0; f < placements.length; f++) {
5677        var candidateAnchor = anchors[f];
5678        if (!candidateAnchor) {
5679          break;
5680        }
5681        if (filteredAnchors.indexOf(candidateAnchor) !== -1) {
5682          continue;
5683        }
5684        filteredPlacements.push(placements[f]);
5685        filteredAnchors.push(candidateAnchor);
5686      }
5687
5688      if (!filteredPlacements.length) {
5689        return;
5690      }
5691
5692      var lastInsertedNode = null;
5693
5694      for (var i = 0; i < filteredPlacements.length; i++) {
5695        var anchor = filteredAnchors[i] || blocks[blocks.length - 1];
5696        if (lastInsertedNode && i > 0 && anchor === filteredAnchors[i - 1]) {
5697          anchor = lastInsertedNode;
5698        }
5699        var slotNode = createDynamicSlot(filteredPlacements[i], device);
5700        insertAfter(anchor, slotNode);
5701        lastInsertedNode = slotNode;
5702      }
5703    }
5704
5705    function placeDesktopIndexFooter() {
5706      var anchor = document.getElementById('content-wrapper') || document.getElementById('outer-wrapper');
5707      if (!anchor) return;
5708      insertAfter(anchor, createDynamicSlot('pos_footer', 'desktop'));
5709    }
5710
5711    function refreshAdControllerAfterDomMove() {
5712      if (!window.AdController || !AdController._initialized) return;
5713      try {
5714        if (typeof AdController.setPageInfo === 'function' && typeof cmsObject !== 'undefined') {
5715          AdController.setPageInfo(cmsObject);
5716        }
5717        if (typeof AdController.reinitialize === 'function' && typeof cmsObject !== 'undefined') {
5718          AdController.reinitialize(cmsObject);
5719        }
5720      } catch (e) {}
5721    }
5722
5723    function ensureStaticContainers(viewType, device) {
5724      try {
5725        var cfg = getConfigFor(viewType, device) || {};
5726        var statics = cfg.statics || [];
5727        statics.forEach(function (s) {
5728          try {
5729            if (!s || !s.anchor) return;
5730            if (s.anchor.type !== 'element') return;
5731            var sel = s.anchor.selector;
5732            if (!sel) return;
5733            var anchor = document.querySelector(sel);
5734            if (!anchor) return;
5735
5736            var effectiveDevice = normalizePlacementDevice((s && s.device) || device);
5737            var existing = document.querySelector('.iqdcontainer[data-placement="' + s.placement + '"]');
5738            if (existing) {
5739              existing.setAttribute('data-device', effectiveDevice);
5740              return;
5741            }
5742
5743            var container = document.createElement('div');
5744            container.className = 'iqdcontainer';
5745            container.setAttribute('data-placement', s.placement);
5746            container.setAttribute('data-device', effectiveDevice);
5747
5748            // placement relative to anchor: 'append' (into), 'prepend' (into at start), 'before' (sibling), 'after' (sibling)
5749            var pos = (s.anchor && s.anchor.position) ? s.anchor.position : (s.position || 'append');
5750            switch (pos) {
5751              case 'prepend':
5752                if (anchor.firstChild) anchor.insertBefore(container, anchor.firstChild);
5753                else anchor.appendChild(container);
5754                break;
5755              case 'before':
5756                if (anchor.parentNode) anchor.parentNode.insertBefore(container, anchor);
5757                else anchor.appendChild(container);
5758                break;
5759              case 'after':
5760                insertAfter(anchor, container);
5761                break;
5762              case 'append':
5763              default:
5764                anchor.appendChild(container);
5765                break;
5766            }
5767          } catch (e) {}
5768        });
5769      } catch (e) {}
5770    }
5771
5772    function applyDynamicSlotPlacement() {
5773      if (!document.body) return;
5774
5775      rollbackDynamicPlacement();
5776
5777      var isMobile = isMobileViewport();
5778      var isTablet = isTabletViewport();
5779      var postView = isPostView();
5780      var homepageView = isHomepageView();
5781
5782      var viewType = postView ? 'article' : (homepageView ? 'home' : 'index');
5783      var currentDevice = isMobile ? 'mobile' : (isTablet ? 'tablet' : 'desktop');
5784      var cfg = getConfigFor(viewType, currentDevice) || {};
5785
5786      ensureStaticContainers(viewType, currentDevice);
5787
5788      if (postView) {
5789        var articlePlacements = (cfg.inline && Array.isArray(cfg.inline.placements) && cfg.inline.placements.length)
5790          ? cfg.inline.placements.slice()
5791          : [];
5792        placeArticleInlineSlots(currentDevice, articlePlacements);
5793        refreshAdControllerAfterDomMove();
5794        return;
5795      }
5796
5797      var feedPlacements = (cfg.feed && cfg.feed.length) ? cfg.feed.slice() : [];
5798      if (feedPlacements.length) {
5799        placeSlotsIntoFeed(feedPlacements, currentDevice);
5800      }
5801
5802      refreshAdControllerAfterDomMove();
5803    }
5804
5805    function runDynamicPlacementSafely() {
5806      var params = new URLSearchParams(window.location.search);
5807      if (params.get('iqdyn') === '0') {
5808        rollbackDynamicPlacement();
5809        return;
5810      }
5811
5812      normalizeStaticContainerDevices();
5813
5814      try {
5815        applyDynamicSlotPlacement();
5816      } catch (e) {
5817        rollbackDynamicPlacement();
5818      }
5819    }
5820
5821    if (document.readyState === 'loading') {
5822      document.addEventListener('DOMContentLoaded', runDynamicPlacementSafely, { once: true });
5823    } else {
5824      runDynamicPlacementSafely();
5825    }
5826  })();
5827</script>
5827
5828<link href='https://www.blogger.com/dyncss/746298260979647434/authorization.css?zx=92fc4c57-b930-41ab-ae9e-59805dcb9fca' media='none' onload='if(media!=&#39;all&#39;)media=&#39;all&#39;' rel='stylesheet'/><noscript><link href='https://www.blogger.com/dyncss/746298260979647434/authorization.css?zx=92fc4c57-b930-41ab-ae9e-59805dcb9fca' rel='stylesheet'/></noscript>
5829<meta name='google-adsense-platform-account' content='ca-host-pub-1556223355139109'/>
5830<meta name='google-adsense-platform-domain' content='blogspot.com'/>
5831
5832<!-- data-ad-client=ca-pub-7093365481881392 -->
5833
5834</head>
5835<body class='is-single is-page'>
5836<div id='theme-options' style='display:none'>
5837<div class='templateify-panel section' id='templateify-panel' name='Theme Options'><div class='widget TextList' data-version='2' id='TextList100'>
5838<script async='async' crossorigin='anonymous' defer='defer' src='https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v9.0'></script>
5838
5839</div><div class='widget Image' data-version='2' id='Image52'>
5840<script type='text/javascript'>var noThumbnail = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-O51jvHyFAPGQBGeA9mmtv19jQVOfqRbhYOcnnbEqm8Fue6MFroSNr9zmYlZGIFkwKR8E3z0sR2UG_9zK1edxY5jrgsN8zOLuGykkR5HZS2iw9B0IFpG21tRyfdUp5c24fGlNlwrt-ME/w72-h72-p-k-no-nu/ptb-nth.png";</script>
5840
5841</div><div class='widget HTML' data-version='2' id='HTML50'>
5842<script type='text/javascript'>
5843            
5844              var viewAllText = "Alle anzeigen";
5845              var dateFormat = "{d}. {m} {y}";
5846              
5847            
5848          </script>
5848
5849</div></div>
5850</div>
5851<div id='iqd_pos_header_placeholder'></div>
5852<div id='outer-wrapper'>
5853<header id='header-wrapper'>
5854<div class='main-header'>
5855<div class='header-inner'>
5856<div class='header-header flex-c'>
5857<div class='container row-x1'>
5858<div class='header-items'>
5859<div class='flex-left'>
5860<a class='mobile-menu-toggle' href='#' role='button' title='Menu'></a>
5861<div class='main-logo section' id='main-logo' name='Header Logo'><div class='widget Image' data-version='2' id='Image50'>
5862<a class='logo-img' href='https://www.der-postillon.com/' rel='home'>
5863<img alt='Der Postillon' data-src='https://blogger.googleusercontent.com/img/a/AVvXsEisxoEaXQUhRMQ0pI0C_6_Qt84SNTAFHoZULPTz730DVu2v99lazWcyCdu25QUf3Ce6Of9bxLP1Jjtfjnh2wJ1tqF8G9A12z7OsHYbQa1ns5a3ZGx1bDH0ZHvLS89rkDznfhXcVlwl3K6VrS88GAcqx0pQKtoXeUoObmlNmGWxddGkvHTMdgaxSFu8FNm0=s1600' height='369' src='https://blogger.googleusercontent.com/img/a/AVvXsEisxoEaXQUhRMQ0pI0C_6_Qt84SNTAFHoZULPTz730DVu2v99lazWcyCdu25QUf3Ce6Of9bxLP1Jjtfjnh2wJ1tqF8G9A12z7OsHYbQa1ns5a3ZGx1bDH0ZHvLS89rkDznfhXcVlwl3K6VrS88GAcqx0pQKtoXeUoObmlNmGWxddGkvHTMdgaxSFu8FNm0=s1600' title='Der Postillon' width='1600'>
5864</img>
5865</a>
5866</div></div>
5867<div class='pikify-pro-main-nav section' id='pikify-pro-main-nav' name='Header Menu'><div class='widget LinkList' data-version='2' id='LinkList200'>
5868<ul id='pikify-pro-main-nav-menu'>
5869<li><a href='/'>Startseite</a></li>
5870<li><a href='#'>Unterstützen</a></li>
5871<li><a href='https://www.der-postillon.com/p/postillon-abo.html'>_Abonnieren</a></li>
5872<li><a href='https://www.der-postillon.com/p/den-postillon-unterstutzen.html'>_Sonstiges</a></li>
5873<li><a href='#'>Der Postillon</a></li>
5874<li><a href='https://www.der-postillon.com/p/faq.html'>_FAQ</a></li>
5875<li><a href='https://www.der-postillon.com/p/der-postillon-1845-2010.html'>_Geschichte 1845-heute</a></li>
5876<li><a href='https://www.der-postillon.com/p/das-postillon-archiv.html'>_Das Postillon-Archiv</a></li>
5877<li><a href='https://www.youtube.com/subscription_center?add_user=Postillon24'>Postillon24</a></li>
5878<li><a href='https://shopillon.de/'>Shopillon</a></li>
5879</ul>
5880</div></div>
5881</div>
5882<div class='flex-right'>
5883<div class='toggle-wrap'>
5884<a aria-label='Dark Mode' class='darkmode-toggle' href='#' role='button'></a>
5885<a class='search-toggle show-search' href='#' role='button' title='Suchen'></a>
5886</div>
5887</div>
5888<div id='main-search-wrap'>
5889<div class='main-search'>
5890<form action='https://www.der-postillon.com/search' class='search-form' target='_top'>
5891<input aria-label='Suchen' autocomplete='off' class='search-input' name='q' placeholder='Suchen' type='search' value=''/>
5892<button class='search-toggle search-close' type='reset' value=''></button>
5893</form>
5894</div>
5895</div>
5896</div>
5897</div>
5898</div>
5899</div>
5900</div>
5901<nav class='topbar-wrap flex-c'>
5902<div class='container row-x1'>
5903<div class='topbar flex-sb section' id='topbar' name='Topbar'><div class='widget LinkList' data-version='2' id='LinkList201'>
5904<ul class='link-list'>
5905<li><a href='/search/label/Politik'>Politik</a></li>
5906<li><a href='/search/label/Wirtschaft'>Wirtschaft</a></li>
5907<li><a href='/search/label/Sport'>Sport</a></li>
5908<li><a href='/search/label/Leute'>Leute</a></li>
5909<li><a href='/search/label/Medien'>Medien</a></li>
5910<li><a href='/search/label/Wissenschaft'>Wissenschaft</a></li>
5911<li><a href='/search/label/Panorama'>Panorama</a></li>
5912<li><a href='/search/label/Ratgeber'>Ratgeber</a></li>
5913<li><a href='/search/label/Umwelt'>Umwelt</a></li>
5914<li><a href='/search/label/Newsticker'>Newsticker</a></li>
5915</ul>
5916</div><div class='widget LinkList' data-version='2' id='LinkList202'>
5917<ul class='social-icons social'>
5918<li class='facebook link-0'><a alt='facebook' class='fa-facebook' href='https://www.facebook.com/DerPostillon' rel='noopener noreferrer' target='_blank' title='facebook'></a></li>
5919<li class='whatsapp link-1'><a alt='whatsapp' class='fa-whatsapp' href='https://whatsapp.com/channel/0029Va84mbcGzzKYBkOewF0T' rel='noopener noreferrer' target='_blank' title='whatsapp'></a></li>
5920<li class='twitter link-2'><a alt='twitter' class='fa-twitter' href='https://twitter.com/Der_Postillon' rel='noopener noreferrer' target='_blank' title='twitter'></a></li>
5921<li class='bluesky link-3'><a alt='bluesky' class='fa-bluesky' href='https://bsky.app/profile/der-postillon.com' rel='noopener noreferrer' target='_blank' title='bluesky'></a></li>
5922<li class='mastodon link-4'><a alt='mastodon' class='fa-mastodon' href='https://mastodon.social/@derpostillon' rel='noopener noreferrer' target='_blank' title='mastodon'></a></li>
5923<li class='instagram link-5'><a alt='instagram' class='fa-instagram' href='https://www.instagram.com/realpostillon' rel='noopener noreferrer' target='_blank' title='instagram'></a></li>
5924<li class='youtube link-6'><a alt='youtube' class='fa-youtube' href='https://www.youtube.com/subscription_center?add_user=Postillon24' rel='noopener noreferrer' target='_blank' title='youtube'></a></li>
5925<li class='tiktok link-7'><a alt='tiktok' class='fa-tiktok' href=' https://www.tiktok.com/@der_postillon' rel='noopener noreferrer' target='_blank' title='tiktok'></a></li>
5926<li class='rss link-8'><a alt='rss' class='fa-rss' href='https://follow.it/der-postillon-abo' rel='noopener noreferrer' target='_blank' title='rss'></a></li>
5927</ul>
5928</div></div>
5929</div>
5930</nav>
5931</header>
5932<div id='newsticker-wrapper'>
5933<div class='newsticker container row-x1 section' id='newsticker' name='Newsticker'><div class='widget HTML' data-version='2' id='HTML25'>
5934<div class='widget-content'>
5935<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
5935
5936<div id='ticker'>
5937  <h3 class='newsticker-title'>Newsticker</h3>
5938  <div id='ticker-gadget'>
5939    <div id='ticker-content'/>
5940    </div>
5941  </div>
5942
5943    
5943<script>
5944        var BlogID = "746298260979647434";
5945        var newstickerCount = 3;
5946        var feedIndex = 30;
5947
5948        function newsticker(BlogID, newstickerCount, feedIndex, animationSpeed) {
5949            var tickers = new Array();
5950            var tickersRepeat = new Array();
5951            var feed = "https://www.blogger.com/feeds/" + BlogID + "/posts/default/-/Newsticker?max-results=" + newstickerCount + "&start-index=" + feedIndex + "&alt=json-in-script";
5952
5953            $.ajax({
5954                url: feed,
5955                type: "get",
5956                dataType: "jsonp",
5957                success: function(data) {
5958                    console.log("Zugriff auf Blogger JSON-Feed erfolgreich.");
5959                    for (var i = 0; i < newstickerCount; i++) {
5960                        var entry = data.feed.entry[i].content.$t;
5961                        var entryText = $(entry).text().split("+++").slice(0, -1);
5962
5963                        for (var k = 0; k < entryText.length; k++) {
5964                            if ((entryText[k] != undefined) && (entryText[k] != "") && (entryText[k] != " ") && (entryText[k] != null) && (entryText[k] != " ") && (entryText[k].replace(/\s/g, '').length > 0)) {
5965                                var singleTicker = "+++ " + entryText[k] + " +++";
5966                                tickers.push(singleTicker);
5967                            }
5968                        }
5969                    }
5970                    for (var t = 0; t < 10; t++) {
5971                        $.each(tickers, function(i, val) {
5972                            tickersRepeat.push(val);
5973                        });
5974                    }
5975                    fadeNewsticker(animationSpeed, tickersRepeat);
5976                },
5977                error: function() {
5978                    console.log("Konnte nicht auf Blogger Feed zugreifen.");
5979                    $("#ticker-content").html("Etwas ist schiefgelaufen. Bitte laden Sie die Seite neu, um den Newsticker zu sehen.")
5980                }
5981            });
5982        }
5983
5984        function fadeNewsticker(animationSpeed, tickerArr) {
5985            $.each(tickerArr, function(i, val) {
5986                setTimeout(function() {
5987                    $("#ticker-content").fadeOut("slow", function() {
5988                        $(this).text(val).fadeIn("slow");
5989                    });
5990                }, i * animationSpeed);
5991                $("#ticker-content").text("").fadeIn("slow");
5992            });
5993        }
5994
5995        newsticker(BlogID, newstickerCount, feedIndex, 7500);
5996
5997    </script>
5997</div>
5998</div>
5999</div>
6000</div>
6001</div>
6002<div class='flex-c' id='content-wrapper'>
6003<div class='container row-x1 flex-sb'>
6004<main class='has-margin' id='main-wrapper'>
6005<!-- Rubriken Startseite 1 -->
6006<!-- /Rubriken Startseite 1 -->
6007<div class='main section' id='main' name='Main Posts'><div class='widget Blog' data-version='2' id='Blog1'>
6008<div class='blog-posts item-post-wrap flex-col'>
6009<article class='blog-post hentry item-post flex-col'>
6010<div class='item-post-inner flex-col'>
6011<div class='entry-header p-eh'>
6012<script type='application/ld+json'>{"@context":"http://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https://www.der-postillon.com/"},{"@type":"ListItem","position":2,"name":"Unterstütze seriösen Journalismus und hol dir den Postillon digital oder auf Papier!","item":"https://www.der-postillon.com/p/postillon-abo.html"}]}</script>
6012
6013<h1 class='entry-title'>Unterstütze seriösen Journalismus und hol dir den Postillon digital oder auf Papier!</h1>
6014</div>
6015<div class='entry-content-wrap flex-col'>
6016<div class='post-body entry-content' id='post-body'>
6017<div class="separator" style="clear: both; text-align: center;"><a href="https://www.der-postillon.com/p/postillon-abo.html" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="2200" data-original-width="3840" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvm5wR44oAo2HhSahy8mEI8os81rdYGwV4RMPx3aBCCNjJylOp8XnDDz6ezYqCVmF-xcVKawbDoKvGfD62QZLypHqVuWCYv2m3Y6j-Dcj7obmHVlSKQzpT993L9kwEqHukbTRgGGxxsyhfS_UFRhTUyszn1uB6WsKNfaR5mbXmcZBsR54Pn00MStnkclp/s1600-rw/Postillon-Abo-Hauptbild-1.jpg" width="548" /></a></div>
6018<p>Du willst den Postillon so lesen, wie man ihn schon 1845 gelesen hat &#8211; auf schönstem Papier, das angenehm knistert, herrlich duftet und beim Abwischen nicht kratzt? Oder du willst die volle Postillon-Online-Experience ohne Werbung? Oder du willst einfach nur dein sauer verdientes Geld loswerden und es uns in den Rachen werfen?
6019Dann bist du hier genau richtig! Greif jetzt zu und sichere dir eines unserer liebevoll von raffgierigen Marketing-Experten zusammengestellten Abo-Pakete mit zahlreichen Vor- oder Nachteilen für dich. Wähle weise und vor allem: Enttäusche uns nicht!</p>
6020
6021<div id="AboWidget"></div>
6022
6023<script>
6024(function(){
6025  const hostEl = document.getElementById('AboWidget');
6026  if (!hostEl) {
6027    console.warn('AboWidget root <div id="AboWidget"> nicht gefunden.');
6028    return;
6029  }
6030
6031  const shadow = hostEl.attachShadow({ mode: 'open' });
6032
6033  shadow.innerHTML = `
6034<style>
6035  :host { all: initial; display: block; margin-top: 28px; }
6036  :host, :host * { box-sizing: border-box; font-family: "Helvetica Neue", Roboto, Arial, system-ui; color: #0b1220; }
6037
6038  .wrap { display:flex; flex-direction:column; gap:18px; }
6039
6040  .widget {
6041    --card-bg: #ffffff;
6042    --cta-r: 173; --cta-g: 68; --cta-b: 28;
6043    --cta: rgb(var(--cta-r), var(--cta-g), var(--cta-b));
6044    --muted: #6b7280;
6045    --accent: #22c55e;
6046    --shadow: 0 8px 24px rgba(12,18,20,0.06);
6047    display: grid;
6048    gap: 18px;
6049    grid-template-columns: 1fr;
6050  }
6051  @media (min-width: 760px) { .widget { grid-template-columns: repeat(3, 1fr); } }
6052
6053  .card {
6054    background: var(--card-bg);
6055    border-radius: 10px;
6056    box-shadow: var(--shadow);
6057    overflow: hidden;
6058    border: 1px solid rgba(13,18,23,0.04);
6059    display:flex;
6060    flex-direction:column;
6061    min-height:360px;
6062  }
6063
6064  .hero { width:100%; height:140px; flex:0 0 140px; overflow:hidden; background:#f3f6f7; }
6065  .hero img { width:100%; height:100%; object-fit:cover; display:block; }
6066
6067  .body { padding:14px 16px; display:flex; flex-direction:column; gap:10px; flex:1 1 auto; }
6068
6069  .title { font-weight:900; font-size:1.35rem; margin:0; line-height:1.05; }
6070  .sub { font-size:0.86rem; margin-top:2px; }
6071
6072  .priceRow { display:flex; align-items:baseline; justify-content:space-between; gap:12px; margin-top:6px; }
6073  .amount { display:inline-flex; align-items:baseline; gap:8px; }
6074  .amount-num { font-size:1.95rem; font-weight:500; line-height:1; }
6075  .amount-currency { font-size:0.95rem; font-weight:600; transform: translateY(-2px); opacity:0.9; }
6076
6077  .period { font-size:0.92rem; color:var(--muted); }
6078  .billed { font-size:0.88rem; color:#16a34a; margin-top:4px; }
6079
6080  /* pro Karte steuerbar */
6081  .card[data-billing="monthly"] .billed { display: none; }
6082
6083  .features { list-style:none; padding:0; margin:8px 0 0 0; display:grid; gap:8px; font-size:0.92rem; color:var(--muted); }
6084  .features li { display:flex; gap:10px; align-items:flex-start; line-height:1.3; }
6085  .features li::before {
6086    content: "";
6087    width:16px; height:16px; flex:0 0 16px;
6088    margin-top:3px;
6089    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M20 6L9 17l-5-5' stroke='%2322c55e' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/></svg>");
6090    background-repeat:no-repeat;
6091    background-size:contain;
6092  }
6093
6094  /* Spezielles Styling für Hinweis-Eintrag (Icon wird jetzt inline in Notice-Body gerendert) */
6095  .features li.notice { align-items:flex-start; }
6096  .features li.notice .noticeBody { white-space: normal; font-size: 0.92rem; }
6097  /* Alle Elemente im noticeBody zwingend die Muted-Farbe geben */
6098.features li.notice .noticeBody,
6099.features li.notice .noticeBody * {
6100  color: var(--muted) !important;
6101}
6102
6103/* Hervorhebung beibehalten, aber Farbe vererben */
6104.features li.notice .noticeBody strong {
6105  color: inherit;
6106  font-weight: 700;
6107}
6108
6109/* Links sollten unterstrichen, fett und in der gleichen Farbe sein */
6110.features li.notice .noticeBody a {
6111  color: inherit !important;
6112  text-decoration: underline;
6113  font-weight: 700;
6114}
6115
6116/* Bullet-Spans sauber blocken und farblich anpassen */
6117.features li.notice .noticeBody .bullet {
6118  display: block;
6119  margin-left: 20px;
6120  color: inherit;
6121}
6122
6123  .features li.notice .noticeBody .bullet { display:block; margin-left: 20px; }
6124  .features li.notice a { text-decoration: underline; font-weight:700; }
6125  .features li.notice::before {
6126  display: none !important;
6127}
6128
6129/* ----- Neue Regeln für ein-/ausklappbare Notice ----- */
6130/* Icon/Toggle/Text vertikal (Icon inline im noticeBody, damit es neben "Achtung!" sitzt) */
6131.features li.notice {
6132  display: flex;
6133  flex-direction: column;
6134  align-items: flex-start;
6135  gap: 6px;
6136  padding-left: 0;
6137}
6138
6139/* Inline-Icon innerhalb des noticeBody (sorgt dafür, dass es neben "Achtung!" steht) */
6140.features li.notice .inlinedIcon {
6141  display: inline-block;
6142  vertical-align: middle;
6143  width: 16px;
6144  height: 16px;
6145  margin-right: 8px;
6146  line-height: 0;
6147}
6148
6149/* Toggle direkt über dem Body */
6150.noticeToggle {
6151  display:inline-block;
6152  margin-left: 0;
6153  margin-bottom: 0;
6154  text-decoration: underline;
6155  font-weight:700;
6156  cursor:pointer;
6157  background: transparent;
6158  border: 0;
6159  padding: 0;
6160  color: inherit;
6161}
6162.noticeBody.collapsed { display: none; }
6163.features li.notice .noticeBody { margin-left: 2px; padding-top: 2px; width:100%; box-sizing:border-box; }
6164
6165  .footer { padding:0; border-top:1px solid rgba(13,18,23,0.03); background:transparent; }
6166  .billingRow {
6167    padding: 12px 16px 0 16px;
6168    display:flex;
6169    justify-content:center;
6170    gap:12px;
6171    align-items:center;
6172  }
6173
6174  .ctaWrap { padding:8px 16px 16px 16px; display:flex; gap:12px; align-items:center; }
6175
6176  .btn {
6177    flex:1 1 auto;
6178    padding:12px 14px;
6179    border-radius:8px;
6180    position:relative;
6181    overflow:hidden;
6182    border:1px solid rgba(0,0,0,0.06);
6183    background: linear-gradient(180deg, rgba(0,0,0,0.02), rgba(0,0,0,0.01));
6184    color:#041018;
6185    font-weight:800;
6186    letter-spacing:.04em;
6187    text-transform:uppercase;
6188    cursor:pointer;
6189    z-index:0;
6190    transition: color .12s ease-in;
6191  }
6192  .btn:focus { outline: 3px solid rgba(173,68,28,0.18); outline-offset:2px; }
6193
6194  .btn::before {
6195    content: "";
6196    position:absolute;
6197    inset:0;
6198    left:0; top:0;
6199    z-index:-1;
6200    transform-origin:left center;
6201    transform:scaleX(0);
6202    background: linear-gradient(90deg, rgb(173,68,28) 0%, rgba(173,68,28,0.95) 100%);
6203    transition: transform 0.6s cubic-bezier(.2,.9,.2,1);
6204  }
6205  .btn:hover::before,
6206  .btn:focus::before { transform: scaleX(1); }
6207  .btn:hover { color:#fff; }
6208
6209  @media (prefers-reduced-motion: reduce) {
6210    .btn::before, .btn:hover::before { transition: none; transform: scaleX(1); }
6211  }
6212
6213  .cardBilling {
6214    display:inline-flex;
6215    border-radius:999px;
6216    background: #f3f4f6;
6217    padding:4px;
6218    gap:4px;
6219    border:1px solid rgba(2,6,23,0.04);
6220    align-items:center;
6221  }
6222  .cardBilling .billingOption {
6223    border:0;
6224    background:transparent;
6225    padding:6px 10px;
6226    border-radius:999px;
6227    cursor:pointer;
6228    font-weight:700;
6229    font-size:0.85rem;
6230  }
6231  .cardBilling .billingOption[aria-pressed="true"] {
6232    background: linear-gradient(90deg, rgb(173,68,28) 0%, rgba(173,68,28,0.95) 100%);
6233    color: #fff;
6234  }
6235
6236  /* --- Actions / Buttons (kompakt + zentriert) --- */
6237  .actions {
6238    margin-top: 8px;
6239    display:flex;
6240    gap:14px;
6241    justify-content:center;
6242    align-items:center;
6243    padding:6px;
6244    flex-wrap:wrap;
6245  }
6246
6247  .toggleBtn {
6248    -webkit-font-smoothing:antialiased;
6249    font-weight:800;
6250    letter-spacing:0.01em;
6251    border-radius:22px;
6252    padding:9px 16px;
6253    font-size:1.02rem;
6254    display:inline-flex;
6255    align-items:center;
6256    justify-content:center;    
6257    gap:10px;
6258    cursor:pointer;
6259    border: 2px solid rgba(4,8,12,0.7);
6260    box-shadow: 0 6px 12px rgba(2,6,10,0.08);
6261    transition: transform .06s ease, box-shadow .12s ease;
6262    background-position: center;
6263    text-transform: none;
6264    min-height:46px;
6265    flex: 0 0 auto;           
6266    width: auto;              
6267    max-width: 320px;         
6268    white-space: nowrap;      
6269    text-align: center;       
6270  }
6271  .toggleBtn:active { transform: translateY(1px) scale(.998); }
6272  .toggleBtn:focus { outline: 3px solid rgba(0,0,0,0.06); outline-offset:3px; }
6273
6274  #morePackagesBtn {
6275    background: linear-gradient(180deg, #fffbe6 0%, #fff5cc 100%);
6276    color: #0b1220;
6277  }
6278
6279  #giftPackagesBtn {
6280    background: linear-gradient(180deg, #ffdfe3 0%, #ffd0d6 100%);
6281    color: #0b1220;
6282  }
6283
6284  .toggleBtn .emoji {
6285    font-size:1.18rem;
6286    line-height:1;
6287    display:inline-block;
6288    transform: translateY(1px);
6289  }
6290  .toggleBtn .label {
6291    display:inline-block;
6292    line-height:1;
6293    text-align:center;
6294    min-width: 90px;        
6295  }
6296
6297  @media (min-width:760px) {
6298    .actions { gap:20px; }
6299    #morePackagesBtn, #giftPackagesBtn {
6300      flex: 0 0 auto;
6301      max-width: 320px;
6302    }
6303  }
6304
6305  @media (max-width:759px) {
6306    .actions { flex-direction:column; align-items:stretch; gap:10px; padding:0; }
6307    #morePackagesBtn, #giftPackagesBtn {
6308      width:100%;
6309      max-width: none;
6310      flex: 0 0 auto;
6311    }
6312    .toggleBtn { white-space: normal; }
6313    .toggleBtn .label { min-width: 0; }
6314  }
6315
6316  #morePackagesBtn[aria-pressed="true"],
6317  #giftPackagesBtn[aria-pressed="true"] {
6318    transform: translateY(0) scale(1);
6319    box-shadow: 0 8px 18px rgba(2,6,10,0.12);
6320  }
6321</style>
6322
6323    <div class="wrap">
6324      <div class="widget" id="widget-root" role="list"></div>
6325
6326<div class="actions" id="widget-actions" aria-hidden="false" style="margin-top:8px;">
6327  <button id="morePackagesBtn" class="toggleBtn" type="button" aria-pressed="false">
6328    <span class="emoji" aria-hidden="true">🌍</span>
6329    <span class="label">Weitere Abos</span>
6330    <span class="emoji" aria-hidden="true">💪</span>
6331  </button>
6332  <button id="giftPackagesBtn" class="toggleBtn" type="button" aria-pressed="false">
6333    <span class="emoji" aria-hidden="true">🎁</span>
6334    <span class="label">Geschenk-Abos</span>
6335    <span class="emoji" aria-hidden="true">&#10084;&#65039;</span>
6336  </button>
6337</div>
6338
6339</div>
6340  `;
6341
6342  function normalizeEuro(str) {
6343    if (str === null || str === undefined) return "";
6344    return String(str).replace(/&#8364;|&euro;|&amp;#8364;/gi, '\u20AC');
6345  }
6346  function escapeHtml(s) {
6347    return String(s).replace(/&/g,'&amp;').replace(/</g,'&lt;').replace(/>/g,'&gt;').replace(/"/g,'&quot;').replace(/'/g,'&#39;');
6348  }
6349
6350  const container = shadow.getElementById('widget-root');
6351  const moreBtn = shadow.getElementById('morePackagesBtn');
6352  const giftBtn = shadow.getElementById('giftPackagesBtn');
6353
6354 
6355  const defaultEntries = [
6356    {
6357      title: "Postillon Digital-Abo",
6358      subtitle: "(Digital heißt <strong>keine</strong> Zeitung)",
6359      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMS5lbovGySF9QPaiAPcEqZ7VAw5itqLiLgWxrOgIhvJOKORJQ5gUQNHy_J4vUGsr2T8iYRB4v7lI11-JXd11AGHYEA8bHFz5zDAFNkDLBq4uL4EnhSick2SCphuggARXb7BbNXTaZ5CFBu0lwy3EEg-YPULtRNEccVupstngwmcuVj-0aNjyvXJG0Wsw/s1600-rw/DigitalAbo.jpg",
6360      amount: "4,98 &#8364;",
6361      period: "pro Monat",
6362      billed: "59,76 &#8364; jährlich abgerechnet",
6363      features: [
6364        "werbefreier Zugang zum Online-Angebot des Postillon (nur ganz dezente Eigenwerbung für den Postillon)",
6365        "Newsletter &#9993;&#65039; mit exklusiven Inhalten 🤩 (Redaktionsinterna, nie veröffentlichte Artikel)",
6366        "3 Euro günstiger als ein BILD-Plus-Abo &#8252;&#65039;"
6367      ],
6368      cta: "ABONNIEREN",
6369      link: "https://steady.page/de/plans/38c3c0f4-edf4-4a13-89ae-a1e3f96a7aac/subscribe?period=annual",
6370      monthlyLink: "https://steady.page/de/plans/38c3c0f4-edf4-4a13-89ae-a1e3f96a7aac/subscribe?period=monthly",
6371      allowBillingToggle: true,
6372      defaultBilling: 'annual',
6373      confirmMessage: "Wir leiten dich jetzt zu unserem Partner Steady weiter, wo du nach einer kurzen Registrierung dein gewähltes Abo abschließen kannst!"
6374    },
6375    {
6376      title: "Postillon Zeitungs-Abo ",
6377      subtitle: "(Deutschland)",
6378      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlaH6DtDVpGl7B-1-zo3efqi5kBDxG4xQu5af6HtnE3alaD4wapEh_Or8P3KdkpYhMjZAiK35dBYy2dlCgshJS70hjoAlPU1GK7cjBk7QN7_
6378N26bHmIY7iVPZoiFUMYbCkROM6RQR1RIAraIGWPU9d48_1CT8rzSW00cggNcVpP0VIjVfQZy467U1cLc/s1600-rw/Zeitung-Ku%CC%88chentisch%20%28002%29.jpg",
6379      amount: "4,98 &#8364;",
6380      period: "pro Monat",
6381      billed: "59,76 &#8364; jährlich abgerechnet",
6382      features: [
6383        "📯 jeden Monat DER POSTILLON als gedruckte Zeitung direkt in deinen Briefkasten",
6384        "1 Cent günstiger als am Kiosk! Ersparnis pro Jahr: 12 Cent",
6385        "🇩🇪 Kostenloser Versand nach Deutschland (Achtung: Für internationalen Versand bitte entsprechendes Abo auswählen.)",
6386        "__NOTICE__" + getDynamicNoticeText()
6387      ],
6388      cta: "ABONNIEREN",
6389      link: "https://shopillon.de/shop/postillon/der-postillon-zeitung-abo-deutschland/",
6390      isPrint: true
6391    },
6392    {
6393      title: "Postillon Alles-Abo",
6394      subtitle: "(nur in Deutschland verfügbar)",
6395      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcu5FI_gb1Olh6o4-Z2SeypjyFPKTlL9ZxJNGN5N1nrqE61VcWx_4P9i-uXUaPQS1Qwm8EGfwdgYlO5QOBq9OQ7_Y0hyphenhyphenqCP7uQfgtSIJ2qy0TUSZ_diiMdwkV6hl8m1ss1Zf0hztfAwgh3v8muotJ4wYLkjzSEB-hE4v7FQuh1tXtp_nwCGazPkpAIIVs/s1600-rw/AllesAbo.jpg",
6396      amount: "9,00 &#8364;",
6397      period: "pro Monat",
6398      billed: "108 &#8364; jährlich abgerechnet",
6399      features: ["Enthält alles aus den Paketen📱Digital & 📯 Zeitung.",
6400                 "Aber mit 10% Rabatt!",
6401                 "+ Besonderes 🎁 Geschenk von Timmy (9)",
6402                 "Nur in Deutschland verfügbar.",
6403                 "__NOTICE__" + getDynamicNoticeText()],
6404      cta: "ABONNIEREN",
6405      link: "https://steady.page/de/plans/6d75d8d8-0b80-4975-985c-345abbd967e1/subscribe?period=annual",
6406      allowBillingToggle: false,
6407      defaultBilling: 'annual',
6408      confirmMessage: "Wir leiten dich jetzt zu unserem Partner Steady weiter, wo du nach einer kurzen Registrierung dein gewähltes Abo abschließen kannst!"
6409    }
6410  ];
6411
6412  const extraEntriesMore = [
6413    {
6414      title: "Postillon Supporter-Abo",
6415      subtitle: "Danke für den Support",
6416      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivAodMC83f8y-wh8vhS31zUAQFdhIa3MfO_U9qiiYJ6CBxnOqCZ0n5xNUV9Nr_oMq_6Y7Y-rRTRgLHegPlJNY9VaygSF-0y0BgnbI2T-uks6uRelAvmNdZpFwpYqKCkVPQzr1eRxwCFGhWnDhiDHSpsH9kWAI9WOxOd6DT72Xgpkn_5THVMSBzCW2XH9U/s1600-rw/SupporterAbo2.jpg",
6417      amount: "14,99 &#8364;",
6418      period: "pro Monat",
6419      billed: "179,88&#8364; jährlich abgerechnet",
6420      features: [
6421        "Enthält alles aus den Paketen📱Digital & 📯 Zeitung.",
6422        "+ Besonderes 🎁 Geschenk von Timmy (9)",
6423        "+ Abo-Prämie: Faktillon Buch oder Faktillon-Kalender 2027 oder Printausgabe 1-3",
6424        "+ 2 Gastzugänge (digital)",
6425        "Nur in Deutschland verfügbar.",
6426         "__NOTICE__" + getDynamicNoticeText()
6427      ],
6428      monthlyFeatures: [
6429        "Enthält alles aus den Paketen📱Digital & 📯 Zeitung.",
6430        "+ 2 Gastzugänge (digital)",
6431        "Nur in Deutschland verfügbar.",
6432        "__NOTICE__<div class=\"noticeBody\"><strong>Achtung!</strong> Die 1. Lieferung hängt davon ab, wann das Abo abgeschlossen wird:<span class=\"bullet\">&#8226; Abo Im Januar 2026 abgeschlossen: Abo startet mit der Februar Ausgabe, die Ende Januar erscheint.</span><span class=\"bullet\">&#8226; Abo Im Februar 2026 abgeschlossen: Abo startet mit der März Ausgabe, die Ende Februar erscheint.</span><span style=\"display:block;margin-top:6px;\">Verpasste Ausgaben können einzeln hier bestellt werden: <a href=\"https://shopillon.de/product-category/zeitung/\" target=\"_blank\" rel=\"noopener\" class=\"single-issue-link\">Einzelne Zeitungen</a></span></div>"
6433      ],
6434      cta: "UNTERSTÜTZEN",
6435      link: "https://steady.page/de/plans/ca504cce-60ca-4e01-a80a-5d3e45e0bbc5/subscribe?period=annual",
6436      monthlyLink: "https://steady.page/de/plans/ca504cce-60ca-4e01-a80a-5d3e45e0bbc5/subscribe?period=monthly",
6437      allowBillingToggle: true,
6438      confirmMessage: "Wir leiten dich jetzt zu unserem Partner Steady weiter, wo du nach einer kurzen Registrierung dein gewähltes Abo abschließen kannst!"
6439    },
6440    {
6441      title: "Postillon Zeitungs-Abo",
6442      subtitle: "(International)",
6443      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlaH6DtDVpGl7B-1-zo3efqi5kBDxG4xQu5af6HtnE3alaD4wapEh_Or8P3KdkpYhMjZAiK35dBYy2dlCgshJS70hjoAlPU1GK7cjBk7QN7_N26bHmIY7iVPZoiFUMYbCkROM6RQR1RIAraIGWPU9d48_1CT8rzSW00cggNcVpP0VIjVfQZy467U1cLc/s1600-rw/Zeitung-Ku%CC%88chentisch%20%28002%29.jpg",
6444      amount: "11,99 &#8364;",
6445      period: "pro Monat",
6446      billed: "143,88&#8364; jährlich abgerechnet",
6447      features: [
6448        "📯 jeden Monat DER POSTILLON als gedruckte Zeitung direkt in deinen Briefkasten",
6449        "🌍 Versand weltweit",
6450         "__NOTICE__" + getDynamicNoticeText()
6451      ],
6452      cta: "ABONNIEREN",
6453      link: "https://shopillon.de/shop/postillon/der-postillon-zeitung-abo-international/",
6454      allowBillingToggle: false
6455    },
6456    {
6457      title: "Postillon Studenten-Abo",
6458      subtitle: "(Wir mögen keine Studenten)",
6459      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL9FCcVAypvWq9h_ggHu8nmE0uRQMxJV2Wd-kSlq04YnvuzcM4uTvTOq30juywH7ADz0fx8JmApCzspPuAE1vuhfgvj_l6txhZGd2uFPBAwoPJPH0ZNHjepoMbL1a9Q84AGUgldVSKshQ2iRpRB4GifYeTH2GJPnzYuDDv8ZZnCud3uSAt0IU0uAuhLWs/s1600-rw/Studenten.jpg",
6460      amount: "49,99 &#8364;",
6461      period: "pro Monat",
6462      billed: "599,88 &#8364; jährlich abgerechnet",
6463      features: [
6464		"Enthält alles aus den Paketen📱Digital & 📯 Zeitung.",
6465        "+ Besonderes 🎁 Geschenk von Timmy (9)",
6466        "+ Abo-Prämie: Faktillon Buch oder Faktillon-Kalender 2027 oder Printausgabe 1-3",
6467        "+ deutlich mehr bezahlen, weil wir keine Studenten mögen",
6468         "__NOTICE__" + getDynamicNoticeText()
6469      ],
6470      monthlyFeatures: [
6471        "Enthält alles aus den Paketen📱Digital & 📯 Zeitung.",
6472        "+ deutlich mehr bezahlen, weil wir keine Studenten mögen",
6473        "__NOTICE__" + getDynamicNoticeText()
6474      ],
6475      cta: "ABONNIEREN",
6476      link: "https://steady.page/de/plans/fd3cd941-9c64-4911-b3c3-7400133d4a23/subscribe?period=annual",
6477      monthlyLink: "https://steady.page/de/plans/fd3cd941-9c64-4911-b3c3-7400133d4a23/subscribe?period=monthly",
6478      allowBillingToggle: true,
6479      confirmMessage: "Wir leiten dich jetzt zu unserem Partner Steady weiter, wo du nach einer kurzen Registrierung dein gewähltes Abo abschließen kannst!"
6480    }
6481  ];
6482
6483  const extraEntriesGifts = [
6484    {
6485      title: "Postillon Digital-Abo 🎁",
6486      subtitle: "(Geschenk, Digital heißt <strong>keine</strong> Zeitung)",
6487      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjMS5lbovGySF9QPaiAPcEqZ7VAw5itqLiLgWxrOgIhvJOKORJQ5gUQNHy_J4vUGsr2T8iYRB4v7lI11-JXd11AGHYEA8bHFz5zDAFNkDLBq4uL4EnhSick2SCphuggARXb7BbNXTaZ5CFBu0lwy3EEg-YPULtRNEccVupstngwmcuVj-0aNjyvXJG0Wsw/s1600-rw/DigitalAbo.jpg",
6488      amount: "4,98 &#8364;",
6489      period: "pro Monat",
6490      billed: "59,76 &#8364; einmalig abgerechnet",
6491      features: [
6492        "werbefreier Zugang zum Online-Angebot des Postillon (nur ganz dezente Eigenwerbung für den Postillon)",
6493        "Newsletter &#9993;&#65039; mit exklusiven Inhalten 🤩 (Redaktionsinterna, nie veröffentlichte Artikel)",
6494        "3 Euro günstiger als ein BILD-Plus-Abo&#8252;&#65039;",
6495        "Keine automatische Verlängerung."
6496      ],
6497      cta: "VERSCHENKEN",
6498      link: "https://steady.page/de/plans/38c3c0f4-edf4-4a13-89ae-a1e3f96a7aac/gift?period=annual&creation_source=gift_plans_page",
6499      monthlyLink: "https://steady.page/de/plans/38c3c0f4-edf4-4a13-89ae-a1e3f96a7aac/gift?period=monthly&creation_source=gift_plans_page",
6500      allowBillingToggle: true,
6501      defaultBilling: 'annual',
6502      confirmMessage: "Wir leiten dich jetzt zu unserem Partner Steady weiter, wo du nach einer kurzen Registrierung dein gewähltes Abo abschließen kannst!"
6503    },
6504    {
6505      title: "Postillon Zeitungs-Abo 🎁",
6506      subtitle: "(Deutschland, Geschenk)",
6507      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlaH6DtDVpGl7B-1-zo3efqi5kBDxG4xQu5af6HtnE3alaD4wapEh_Or8P3KdkpYhMjZAiK35dBYy2dlCgshJS70hjoAlPU1GK7cjBk7QN7_N26bHmIY7iVPZoiFUMYbCkROM6RQR1RIAraIGWPU9d48_1CT8rzSW00cggNcVpP0VIjVfQZy467U1cLc/s1600-rw/Zeitung-Ku%CC%88chentisch%20%28002%29.jpg",
6508      amount: "4,98 &#8364;",
6509      period: "pro Monat",
6510      billed: "59,76 &#8364; einmalig abgerechnet",
6511      features: [
6512        "📯 jeden Monat DER POSTILLON als gedruckte Zeitung direkt in deinen Briefkasten",
6513        "1 Cent günstiger als am Kiosk! Ersparnis pro Jahr: 12 Cent",
6514        "🇩🇪 Kostenloser Versand nach Deutschland (Achtung: Für internationalen Versand bitte entsprechendes Abo auswählen.)",
6515        "Keine automatische Verlängerung.",
6516         "__NOTICE__" + getDynamicNoticeText()
6517      ],
6518      cta: "VERSCHENKEN",
6519      link: "https://shopillon.de/shop/postillon/der-postillon-zeitung-geschenk-abo-deutsc
6519hland/",
6520      isPrint: true
6521    },
6522      
6523    {
6524      title: "Postillon Alles-Abo 🎁",
6525      subtitle: "(nur in Deutschland verfügbar, Geschenk)",
6526      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcu5FI_gb1Olh6o4-Z2SeypjyFPKTlL9ZxJNGN5N1nrqE61VcWx_4P9i-uXUaPQS1Qwm8EGfwdgYlO5QOBq9OQ7_Y0hyphenhyphenqCP7uQfgtSIJ2qy0TUSZ_diiMdwkV6hl8m1ss1Zf0hztfAwgh3v8muotJ4wYLkjzSEB-hE4v7FQuh1tXtp_nwCGazPkpAIIVs/s1600-rw/AllesAbo.jpg",
6527      amount: "9,00 &#8364;",
6528      period: "pro Monat",
6529      billed: "108 &#8364; einmalig abgerechnet",
6530      features: ["Enthält alles aus den Paketen📱Digital & 📯 Zeitung.",
6531                 "Aber mit 10% Rabatt!",
6532                 "+ Besonderes 🎁 Geschenk von Timmy (9)",
6533                 "Nur in Deutschland verfügbar.",
6534      			"Keine automatische Verlängerung.",
6535                  "__NOTICE__" + getDynamicNoticeText()
6536                 ],
6537      cta: "VERSCHENKEN",
6538      link: "https://steady.page/de/plans/6d75d8d8-0b80-4975-985c-345abbd967e1/gift?period=annual&creation_source=gift_plans_page",
6539      monthlyLink: "https://steady.page/de/plans/6d75d8d8-0b80-4975-985c-345abbd967e1/gift?period=monthly&creation_source=gift_plans_page",
6540      allowBillingToggle: false,
6541      defaultBilling: 'annual',
6542      confirmMessage: "Wir leiten dich jetzt zu unserem Partner Steady weiter, wo du nach einer kurzen Registrierung dein gewähltes Abo abschließen kannst!"
6543    },
6544     {
6545      title: "Postillon Zeitungs-Abo 🎁",
6546      subtitle: "(International, Geschenk)",
6547      image: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFlaH6DtDVpGl7B-1-zo3efqi5kBDxG4xQu5af6HtnE3alaD4wapEh_Or8P3KdkpYhMjZAiK35dBYy2dlCgshJS70hjoAlPU1GK7cjBk7QN7_N26bHmIY7iVPZoiFUMYbCkROM6RQR1RIAraIGWPU9d48_1CT8rzSW00cggNcVpP0VIjVfQZy467U1cLc/s1600-rw/Zeitung-Ku%CC%88chentisch%20%28002%29.jpg",
6548      amount: "11,99 &#8364;",
6549      period: "pro Monat",
6550      billed: "143,88&#8364; einmalig abgerechnet",
6551      features: [
6552        "📯 jeden Monat DER POSTILLON als gedruckte Zeitung direkt in deinen Briefkasten",
6553        "🌍 Versand weltweit",
6554        "Keine automatische Verlängerung.",
6555        "__NOTICE__" + getDynamicNoticeText()
6556      ],
6557      cta: "VERSCHENKEN",
6558      link: "https://shopillon.de/shop/postillon/der-postillon-zeitung-geschenk-abo-international/",
6559      allowBillingToggle: false
6560    }
6561  ];
6562  
6563  function getDynamicNoticeText() {
6564  const now = new Date();
6565
6566  const months = [
6567    "Januar","Februar","März","April","Mai","Juni",
6568    "Juli","August","September","Oktober","November","Dezember"
6569  ];
6570
6571  const currentMonthIndex = now.getMonth();
6572  const currentYear = now.getFullYear();
6573
6574  const nextMonthIndex = (currentMonthIndex + 1) % 12;
6575  const nextYear = currentMonthIndex === 11 ? currentYear + 1 : currentYear;
6576
6577  const nextNextMonthIndex = (currentMonthIndex + 2) % 12;
6578  const nextNextYear = currentMonthIndex >= 10 ? currentYear + 1 : currentYear;
6579
6580  return `
6581    <div class="noticeBody">
6582      <strong>Achtung!</strong> Die 1. Lieferung hängt davon ab, wann das Abo abgeschlossen wird:
6583      <span class="bullet">&#8226; Abo im ${months[currentMonthIndex]} ${currentYear} abgeschlossen: Abo startet mit der ${months[nextMonthIndex]}-Ausgabe, die Ende ${months[currentMonthIndex]} erscheint.</span>
6584      <span class="bullet">&#8226; Abo im ${months[nextMonthIndex]} ${nextYear} abgeschlossen: Abo startet mit der ${months[nextNextMonthIndex]}-Ausgabe, die Ende ${months[nextMonthIndex]} erscheint.</span>
6585      <span style="display:block;margin-top:6px;">
6586        Verpasste Ausgaben können einzeln hier bestellt werden:
6587        <a href="https://shopillon.de/product-category/zeitung/" target="_blank" rel="noopener" class="single-issue-link">Einzelne Zeitungen</a>
6588      </span>
6589    </div>
6590  `;
6591}
6592
6593  function createCard(entry) {
6594    const e = {
6595      title: entry.title || '',
6596      subtitle: entry.subtitle || '',
6597      image: entry.image || '',
6598      amount: entry.amount || '',
6599      period: entry.period || '',
6600      billed: entry.billed || '',
6601      features: Array.isArray(entry.features) ? entry.features : [],
6602      monthlyFeatures: Array.isArray(entry.monthlyFeatures) ? entry.monthlyFeatures : [],
6603      cta: entry.cta || 'Mehr',
6604      link: entry.link || '',
6605      monthlyLink: entry.monthlyLink || '',
6606      allowBillingToggle: (typeof entry.allowBillingToggle === 'boolean') ? entry.allowBillingToggle : true,
6607      defaultBilling: entry.defaultBilling === 'monthly' ? 'monthly' : 'annual',
6608      isPrint: !!entry.isPrint,
6609      confirmMessage: entry.confirmMessage || entry.confirmText || ''
6610    };
6611
6612    if (e.isPrint) {
6613      e.allowBillingToggle = false;
6614      e.defaultBilling = 'annual';
6615    }
6616
6617    e.title = normalizeEuro(e.title);
6618    e.subtitle = normalizeEuro(e.subtitle);
6619    e.amount = normalizeEuro(e.amount);
6620    e.period = normalizeEuro(e.period);
6621    e.billed = normalizeEuro(e.billed);
6622    e.features = e.features.map(f => normalizeEuro(f));
6623    e.monthlyFeatures = e.monthlyFeatures.map(f => normalizeEuro(f));
6624
6625    const card = document.createElement('article');
6626    card.className = 'card';
6627    card.setAttribute('role','listitem');
6628    card.dataset.billing = e.defaultBilling;
6629
6630    const hero = document.createElement('div'); hero.className = 'hero';
6631    const img = document.createElement('img'); img.alt = e.title || 'Bild';
6632    img.src = e.image || 'data:image/svg+xml;utf8,' + encodeURIComponent(
6633      `<svg xmlns="http://www.w3.org/2000/svg" width="560" height="320" viewBox="0 0 560 320"><rect width="100%" height="100%" fill="#f3f6f7"/><g><text x="50%" y="50%" dominant-baseline="middle" text-anchor="middle" font-family="sans-serif" font-size="18" fill="#9aa7ad">Kein Bild</text></g></svg>`
6634    );
6635    hero.appendChild(img);
6636    card.appendChild(hero);
6637
6638    const body = document.createElement('div'); body.className = 'body';
6639    const title = document.createElement('h3'); title.className = 'title'; title.textContent = e.title;
6640    body.appendChild(title);
6641    if (e.subtitle) { const sub = document.createElement('div'); sub.className = 'sub'; sub.innerHTML = e.subtitle; body.appendChild(sub); }
6642
6643    const priceRow = document.createElement('div'); priceRow.className = 'priceRow';
6644    const left = document.createElement('div');
6645
6646    const raw = (e.amount || '').trim();
6647    let num = raw, cur = '';
6648    const idx = raw.lastIndexOf('&#8364;');
6649    if (idx !== -1) {
6650      num = raw.slice(0, idx).trim();
6651      cur = '&#8364;';
6652    }
6653
6654    const amountWrap = document.createElement('div'); amountWrap.className = 'amount';
6655    const numSpan = document.createElement('div'); numSpan.className = 'amount-num'; numSpan.textContent = num;
6656    amountWrap.appendChild(numSpan);
6657    if (cur) {
6658      const curSpan = document.createElement('div'); curSpan.className = 'amount-currency'; curSpan.textContent = cur;
6659      amountWrap.appendChild(curSpan);
6660    }
6661    const periodDiv = document.createElement('div'); periodDiv.className = 'period'; periodDiv.textContent = e.period;
6662
6663    left.appendChild(amountWrap);
6664    left.appendChild(periodDiv);
6665    priceRow.appendChild(left);
6666    body.appendChild(priceRow);
6667
6668    if (e.billed) {
6669      const billed = document.createElement('div'); billed.className = 'billed'; billed.textContent = e.billed;
6670      body.appendChild(billed);
6671    }
6672
6673    const hasAnyFeatures = (e.features && e.features.length) || (e.monthlyFeatures && e.monthlyFeatures.length);
6674    let featuresListEl = null;
6675    if (hasAnyFeatures) {
6676      const ul = document.createElement('ul'); ul.className = 'features';
6677      const currentBilling = card.dataset.billing || 'annual';
6678      const showMonthly = (currentBilling === 'monthly') && e.monthlyFeatures.length;
6679      const featuresToShow = showMonthly ? e.monthlyFeatures : e.features;
6680
6681      (featuresToShow || []).forEach(f => {
6682        const li = document.createElement('li');
6683
6684        if (String(f).indexOf('__NOTICE__') !== -1) {
6685          li.className = 'notice';
6686          // entferne Wrapper-div falls vorhanden und extrahiere Inhalt
6687          let inner = String(f).replace('__NOTICE__', '');
6688          const match = inner.match(/^\s*<div[^>]*class=["']?noticeBody["']?[^>]*>([\s\S]*?)<\/div>\s*$/i);
6689          let innerContent = match ? match[1] : inner;
6690
6691          // SVG inline vor <strong>Achtung!</strong> setzen
6692          const svgIcon = '<span class="inlinedIcon" aria-hidden="true">'+
6693            '<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true">
6693<path d="M1 21h22L12 2 1 21z" fill="#FBBF24"/><rect x="11" y="8" width="2" height="6" fill="#111"/><rect x="11" y="16" width="2" height="2" fill="#111"/></svg>' +
6694            '</span>';
6695          innerContent = innerContent.replace(/^\s*(<\s*strong[^>]*>)/i, svgIcon + '$1');
6696
6697          // Toggle oben
6698          const toggle = document.createElement('button');
6699          toggle.className = 'noticeToggle';
6700          toggle.type = 'button';
6701          toggle.setAttribute('aria-expanded', 'false');
6702          toggle.textContent = 'Informationen zur ersten Lieferung einblenden';
6703          toggle.addEventListener('click', function(ev){
6704            ev.stopPropagation();
6705            const expanded = toggle.getAttribute('aria-expanded') === 'true';
6706            if (expanded) {
6707              toggle.setAttribute('aria-expanded','false');
6708              toggle.textContent = 'Informationen zur ersten Lieferung einblenden';
6709              if (bodyDiv) bodyDiv.classList.add('collapsed');
6710            } else {
6711              toggle.setAttribute('aria-expanded','true');
6712              toggle.textContent = 'Informationen zur ersten Lieferung ausblenden';
6713              if (bodyDiv) bodyDiv.classList.remove('collapsed');
6714            }
6715          });
6716
6717          li.appendChild(toggle);
6718
6719          const bodyDiv = document.createElement('div');
6720          bodyDiv.className = 'noticeBody collapsed';
6721          bodyDiv.innerHTML = innerContent;
6722          li.appendChild(bodyDiv);
6723        } else {
6724          li.innerHTML = f;
6725        }
6726
6727        // Alle Links innerhalb des li: Klicks dürfen nicht die Karte "stören".
6728        const anchors = li.querySelectorAll('a');
6729        anchors.forEach(a => {
6730          if (!a.hasAttribute('target')) a.setAttribute('target', '_blank');
6731          if (!a.hasAttribute('rel')) a.setAttribute('rel', 'noopener');
6732          a.addEventListener('click', function(ev){
6733            ev.stopPropagation();
6734          });
6735        });
6736
6737        ul.appendChild(li);
6738      });
6739
6740      body.appendChild(ul);
6741      featuresListEl = ul;
6742    }
6743
6744    card.appendChild(body);
6745
6746    const footer = document.createElement('div'); footer.className = 'footer';
6747    const billingRow = document.createElement('div'); billingRow.className = 'billingRow';
6748    const cwrap = document.createElement('div'); cwrap.className = 'ctaWrap';
6749
6750    let billingPill = null;
6751    if (e.allowBillingToggle) {
6752      billingPill = document.createElement('div');
6753      billingPill.className = 'cardBilling';
6754      billingPill.setAttribute('role','tablist');
6755      billingPill.setAttribute('aria-label','Abrechnungsmodus');
6756
6757      const btnAnnual = document.createElement('button');
6758      btnAnnual.className = 'billingOption';
6759      btnAnnual.type = 'button';
6760      btnAnnual.textContent = 'Jährlich';
6761      btnAnnual.setAttribute('aria-pressed', e.defaultBilling === 'annual' ? 'true' : 'false');
6762      btnAnnual.addEventListener('click', ()=> {
6763        setCardBilling(card, 'annual');
6764        btnAnnual.setAttribute('aria-pressed','true');
6765        btnMonthly.setAttribute('aria-pressed','false');
6766      });
6767
6768      const btnMonthly = document.createElement('button');
6769      btnMonthly.className = 'billingOption';
6770      btnMonthly.type = 'button';
6771      btnMonthly.textContent = 'Monatlich';
6772      const monthlyAvailable = (e.monthlyFeatures && e.monthlyFeatures.length) || !!e.monthlyLink;
6773      if (!monthlyAvailable) btnMonthly.setAttribute('aria-disabled','true');
6774      btnMonthly.setAttribute('aria-pressed', e.defaultBilling === 'monthly' ? 'true' : 'false');
6775      btnMonthly.addEventListener('click', ()=> {
6776        if (!monthlyAvailable) return;
6777        setCardBilling(card, 'monthly');
6778        btnMonthly.setAttribute('aria-pressed','true');
6779        btnAnnual.setAttribute('aria-pressed','false');
6780      });
6781
6782      billingPill.appendChild(btnAnnual);
6783      billingPill.appendChild(btnMonthly);
6784      billingRow.appendChild(billingPill);
6785    }
6786
6787    const btn = document.createElement('button'); btn.className = 'btn'; btn.type='button'; btn.textContent = e.cta;
6788
6789    if (e.link) card.dataset.annualLink = e.link;
6790    if (e.monthlyLink) card.dataset.monthlyLink = e.monthlyLink;
6791    if (e.isPrint) card.dataset.isPrint = 'true';
6792    if (e.confirmMessage) card.dataset.confirmMessage = e.confirmMessage;
6793
6794btn.addEventListener('click', ()=> {
6795  const mode = card.dataset.billing || 'annual';
6796  let target = '';
6797  if (mode === 'monthly' && card.dataset.monthlyLink) {
6798    target = card.dataset.monthlyLink;
6799  } else {
6800    target = card.dataset.annualLink || card.dataset.monthlyLink || '';
6801  }
6802
6803  // hole confirmMessage (kann undefined oder leer sein)
6804  const confirmMsg = card.dataset.confirmMessage;
6805
6806  if (target) {
6807    // Nur wenn confirmMsg existiert und nicht nur aus Leerzeichen besteht, Popup zeigen.
6808    if (confirmMsg && String(confirmMsg).trim() !== '') {
6809      showConfirmModal({ target, title: e.title, message: confirmMsg });
6810    } else {
6811      // kein confirmMessage -> direkt öffnen (neues Tab, Fallback auf same-tab)
6812      try { window.open(target, '_blank'); } catch (err) { window.location.href = target; }
6813    }
6814  } else {
6815    // kein Ziel-Link: wie bisher Event feuern
6816    hostEl.dispatchEvent(new CustomEvent('aboWidgetAction', { detail: { title: e.title, cta: e.cta, billing: mode }, bubbles: true }));
6817  }
6818});
6819
6820
6821    function setCardBilling(cardEl, mode) {
6822      if (!cardEl) return;
6823      const m = (mode === 'monthly') ? 'monthly' : 'annual';
6824      cardEl.dataset.billing = m;
6825      hostEl.dispatchEvent(new CustomEvent('aboWidgetBillingChange', { detail: { title: e.title, billing: m } }));
6826
6827      if (featuresListEl) {
6828        const showMonthly = (m === 'monthly') && e.monthlyFeatures.length;
6829        const featuresToShow = showMonthly ? e.monthlyFeatures : e.features;
6830        featuresListEl.innerHTML = '';
6831        (featuresToShow || []).forEach(f => {
6832          const li = document.createElement('li');
6833          // preserve notice handling when switching billing
6834          if (String(f).indexOf('__NOTICE__') !== -1) {
6835            li.className = 'notice';
6836            const inner = String(f).replace('__NOTICE__', '');
6837            const match = inner.match(/^\s*<div[^>]*class=["']?noticeBody["']?[^>]*>([\s\S]*?)<\/div>\s*$/i);
6838            let innerContent = match ? match[1] : inner;
6839
6840            const svgIcon = '<span class="inlinedIcon" aria-hidden="true">'+
6841              '<svg width="16" height="16" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false">
6841<path d="M1 21h22L12 2 1 21z" fill="#FBBF24"/><rect x="11" y="8" width="2" height="6" fill="#111"/><rect x="11" y="16" width="2" height="2" fill="#111"/></svg>' +
6842              '</span>';
6843            innerContent = innerContent.replace(/^\s*(<\s*strong[^>]*>)/i, svgIcon + '$1');
6844
6845            const toggle = document.createElement('button');
6846            toggle.className = 'noticeToggle';
6847            toggle.type = 'button';
6848            toggle.setAttribute('aria-expanded', 'false');
6849            toggle.textContent = 'Informationen zur ersten Lieferung einblenden';
6850            toggle.addEventListener('click', function(ev){
6851              ev.stopPropagation();
6852              const expanded = toggle.getAttribute('aria-expanded') === 'true';
6853              if (expanded) {
6854                toggle.setAttribute('aria-expanded','false');
6855                toggle.textContent = 'Informationen zur ersten Lieferung einblenden';
6856                if (bodyDiv) bodyDiv.classList.add('collapsed');
6857              } else {
6858                toggle.setAttribute('aria-expanded','true');
6859                toggle.textContent = 'Informationen zur ersten Lieferung ausblenden';
6860                if (bodyDiv) bodyDiv.classList.remove('collapsed');
6861              }
6862            });
6863
6864            li.appendChild(toggle);
6865
6866            const bodyDiv = document.createElement('div');
6867            bodyDiv.className = 'noticeBody collapsed';
6868            bodyDiv.innerHTML = innerContent;
6869            li.appendChild(bodyDiv);
6870          } else {
6871            li.innerHTML = f;
6872          }
6873          // wieder sichere Link-Handler hinzufügen
6874          const anchors = li.querySelectorAll('a');
6875          anchors.forEach(a => {
6876            if (!a.hasAttribute('target')) a.setAttribute('target', '_blank');
6877            if (!a.hasAttribute('rel')) a.setAttribute('rel', 'noopener');
6878            a.addEventListener('click', function(ev){
6879              ev.stopPropagation();
6880            });
6881          });
6882          featuresListEl.appendChild(li);
6883        });
6884      }
6885    }
6886
6887    footer.appendChild(billingRow);
6888    cwrap.appendChild(btn);
6889    footer.appendChild(cwrap);
6890    card.appendChild(footer);
6891
6892    return card;
6893  }
6894
6895  // --- Modal / Confirm logic (global styles in Light DOM + overlay in body) ---
6896  let modalOverlay = null;
6897  let modalState = { timer: null, count: 0, resolve: null, previousBodyOverflow: '' };
6898  let globalKeyHandler = null;
6899
6900  function ensureModal() {
6901    if (modalOverlay) return modalOverlay;
6902
6903    // inject global modal styles into document.head (only once)
6904    if (!document.getElementById('aw-global-styles')) {
6905      const style = document.createElement('style');
6906      style.id = 'aw-global-styles';
6907      style.textContent = `
6908.aw-modal-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(2,6,12,0.36);z-index:2147483647;padding:20px;}
6909.aw-modal{width:min(520px,96%);background:linear-gradient(180deg,#ffffff,#fbfbfc);border-radius:12px;box-shadow:0 18px 60px rgba(6,12,20,0.28);padding:18px;display:flex;gap:12px;align-items:flex-start;}
6910.aw-modal .left{flex:0 0 56px;height:56px;border-radius:10px;background:linear-gradient(180deg,rgba(173,68,28,0.1),rgba(173,68,28,0.06));display:flex;align-items:center;justify-content:center;font-size:24px;}
6911.aw-modal .content{flex:1 1 auto;}
6912.aw-modal h4{margin:0 0 6px 0;font-size:1.06rem;}
6913.aw-modal p{margin:0 0 8px 0;color:#6b7280;font-size:0.95rem;}
6914.aw-modal .countdown{font-weight:800;margin-left:6px;}
6915.aw-actions{display:flex;gap:8px;margin-top:10px;}
6916.aw-confirm{background:linear-gradient(90deg,rgb(173,68,28),rgb(139,50,20));color:#fff;padding:10px 12px;border-radius:8px;border:0;cursor:pointer;font-weight:800;}
6917.aw-cancel{background:transparent;border:1px solid rgba(2,6,12,0.06);padding:10px 12px;border-radius:8px;cursor:pointer;}
6918@media (prefers-reduced-motion: reduce){.aw-modal{transition:none;}}
6919      `;
6920      document.head.appendChild(style);
6921    }
6922
6923    modalOverlay = document.createElement('div');
6924    modalOverlay.className = 'aw-modal-overlay';
6925    modalOverlay.setAttribute('role','presentation');
6926
6927    const dialog = document.createElement('div');
6928    dialog.className = 'aw-modal';
6929    dialog.setAttribute('role','dialog');
6930    dialog.setAttribute('aria-modal','true');
6931
6932    const left = document.createElement('div'); left.className = 'left'; left.textContent = '🔒';
6933    const content = document.createElement('div'); content.className = 'content';
6934    const h = document.createElement('h4'); h.id = 'aw-modal-title'; h.textContent = '';
6935    const p = document.createElement('p'); p.id = 'aw-modal-message'; p.textContent = '';
6936    const small = document.createElement('div'); small.className = 'smallRow'; small.innerHTML = 'Weiterleitung in <span class="countdown">3</span>s';
6937
6938    const actions = document.createElement('div'); actions.className = 'aw-actions';
6939    const confirmBtn = document.createElement('button'); confirmBtn.className = 'aw-confirm'; confirmBtn.type = 'button'; confirmBtn.textContent = 'Weiterleiten';
6940    const cancelBtn = document.createElement('button'); cancelBtn.className = 'aw-cancel'; cancelBtn.type = 'button'; cancelBtn.textContent = 'Abbrechen';
6941
6942    actions.appendChild(confirmBtn);
6943    actions.appendChild(cancelBtn);
6944
6945    content.appendChild(h);
6946    content.appendChild(p);
6947    content.appendChild(small);
6948    content.appendChild(actions);
6949
6950    dialog.appendChild(left);
6951    dialog.appendChild(content);
6952    modalOverlay.appendChild(dialog);
6953
6954    // click outside = cancel
6955    modalOverlay.addEventListener('click', (ev)=>{
6956      if (ev.target === modalOverlay) closeModal(false);
6957    });
6958
6959    confirmBtn.addEventListener('click', (ev)=>{ ev.stopPropagation(); confirmModal(); });
6960    cancelBtn.addEventListener('click', (ev)=>{ ev.stopPropagation(); closeModal(false); });
6961
6962    function updateCountdown(n) {
6963      const cd = modalOverlay.querySelector('.countdown');
6964      if (cd) cd.textContent = String(n);
6965    }
6966
6967    function cleanupTimer() {
6968      if (modalState.timer) { clearInterval(modalState.timer); modalState.timer = null; }
6969      modalState.count = 0;
6970    }
6971
6972    function confirmModal() {
6973      if (!modalState.resolve) return;
6974      cleanupTimer();
6975      closeModal(true);
6976    }
6977
6978    function closeModal(confirmed) {
6979      // restore body overflow
6980      document.body.style.overflow = modalState.previousBodyOverflow || '';
6981      // remove key handler
6982      if (globalKeyHandler) {
6983        document.removeEventListener('keydown', globalKeyHandler, true);
6984        globalKeyHandler = null;
6985      }
6986
6987      if (modalOverlay && modalOverlay.parentNode) modalOverlay.parentNode.removeChild(modalOverlay);
6988      cleanupTimer();
6989      if (modalState.resolve) modalState.resolve({ confirmed });
6990      modalState.resolve = null;
6991    }
6992
6993    // expose setter returning a Promise
6994    modalOverlay._set = function({ title='', message='', seconds=7 }){
6995      modalOverlay.querySelector('#aw-modal-title').textContent = title || '';
6996      const msgEl = modalOverlay.querySelector('#aw-modal-message');
6997      msgEl.textContent = message || 'Du wirst weitergeleitet.';
6998      modalOverlay.querySelector('.countdown').textContent = String(seconds);
6999
7000      // attach overlay to body
7001      document.body.appendChild(modalOverlay);
7002
7003      // lock page scroll
7004      modalState.previousBodyOverflow = document.body.style.overflow || '';
7005      document.body.style.overflow = 'hidden';
7006
7007      // focus trap: keep tab inside modal
7008      const focusableSelector = 'button, a[href], input, textarea, select, [tabindex]:not([tabindex="-1"])';
7009      function getFocusables() {
7010        return Array.from(modalOverlay.querySelectorAll(focusableSelector)).filter(n => !n.hasAttribute('disabled'));
7011      }
7012
7013      // keyboard handling: Esc, Enter + Tab-trap
7014      globalKeyHandler = function(ev) {
7015        if (ev.key === 'Escape') {
7016          ev.preventDefault();
7017          closeModal(false);
7018        } else if (ev.key === 'Enter') {
7019          // Only trigger enter when not in a textarea to avoid interfering with typing
7020          if (ev.target && ev.target.tagName && ev.target.tagName.toLowerCase() === 'textarea') return;
7021          ev.preventDefault();
7022          confirmModal();
7023        } else if (ev.key === 'Tab') {
7024          // simple trap
7025          const focusables = getFocusables();
7026          if (!focusables.length) return;
7027          const first = focusables[0];
7028          const last = focusables[focusables.length-1];
7029          if (ev.shiftKey) {
7030            if (document.activeElement === first) {
7031              ev.preventDefault();
7032              last.focus();
7033            }
7034          } else {
7035            if (document.activeElement === last) {
7036              ev.preventDefault();
7037              first.focus();
7038            }
7039          }
7040        }
7041      };
7042      document.addEventListener('keydown', globalKeyHandler, true);
7043
7044      // focus confirm
7045      const confirmBtn = modalOverlay.querySelector('.aw-confirm');
7046      if (confirmBtn) confirmBtn.focus();
7047
7048      return new Promise((resolve)=>{
7049        modalState.resolve = resolve;
7050        let remaining = seconds;
7051        updateCountdown(remaining);
7052        modalState.timer = setInterval(()=>{
7053          remaining -= 1;
7054          if (remaining <= 0) {
7055            cleanupTimer();
7056            closeModal(true);
7057          } else {
7058            updateCountdown(remaining);
7059          }
7060        }, 1000);
7061      });
7062    };
7063
7064    modalOverlay._confirmImmediate = function(){
7065      if (modalOverlay) {
7066        const btn = modalOverlay.querySelector('.aw-confirm');
7067        if (btn) btn.click();
7068      }
7069    };
7070
7071    return modalOverlay;
7072  }
7073
7074  // Show modal and handle result
7075  async function showConfirmModal({ target='', title='', message='' }) {
7076    const m = ensureModal();
7077    if (!m) return;
7078    const msg = message || (title ? `Du wirst jetzt zu \"${title}\" weitergeleitet.` : 'Du wirst jetzt weitergeleitet.');
7079    const seconds = 4;
7080    try {
7081      const res = await m._set({ title, message: msg, seconds });
7082      if (res && res.confirmed) {
7083        try { window.open(target, '_blank'); } catch(e){ window.location.href = target; }
7084      } else {
7085        hostEl.dispatchEvent(new CustomEvent('aboWidgetCanceled', { detail: { title }, bubbles: true }));
7086      }
7087    } catch (err) {
7088      console.error('Modal error', err);
7089    }
7090  }
7091
7092  // --- API and rendering ---
7093  const API = {
7094    set(entries) {
7095      container.innerHTML = '';
7096      (Array.isArray(entries) ? entries : []).forEach(en => container.appendChild(createCard(en)));
7097    },
7098    add(entry) { container.appendChild(createCard(entry)); },
7099    clear() { container.innerHTML = ''; },
7100    getRoot() { return hostEl; }
7101  };
7102
7103  API.set(defaultEntries);
7104
7105  // create nodes eagerly (wie in deiner ursprünglichen Version) &#8212; sorgt dafür, dass
7106  // die Buttons "Weitere Abos / Geschenk-Abos" wie am Anfang zuverlässig funktionieren.
7107  let moreShown = false;
7108  let giftsShown = false;
7109  let moreNodes = createNodesFromEntries(extraEntriesMore);
7110  let giftNodes = createNodesFromEntries(extraEntriesGifts);
7111
7112  function createNodesFromEntries(entries) {
7113    return (Array.isArray(entries) ? entries : []).map(en => createCard(en));
7114  }
7115
7116  function showNodes(nodes) {
7117    nodes.forEach(n => container.appendChild(n));
7118  }
7119  function hideNodes(nodes) {
7120    nodes.forEach(n => {
7121      if (n && n.parentNode === container) {
7122        container.removeChild(n);
7123      }
7124    });
7125  }
7126
7127moreBtn.addEventListener('click', function(){
7128  moreShown = !moreShown;
7129  moreBtn.setAttribute('aria-pressed', String(moreShown));
7130
7131  const lbl = moreBtn.querySelector('.label');
7132  if (moreShown) {
7133    showNodes(moreNodes);
7134    if (lbl) lbl.textContent = 'Weitere Abo-Pakete ausblenden';
7135  } else {
7136    hideNodes(moreNodes);
7137    if (lbl) lbl.textContent = 'Weitere Abo-Pakete einblenden';
7138
7139    requestAnimationFrame(() => {
7140      const viewportBottom = window.pageYOffset + window.innerHeight;
7141      const hostRect = hostEl.getBoundingClientRect();
7142      const hostBottomAbs = window.pageYOffset + hostRect.bottom;
7143      if (viewportBottom > hostBottomAbs) {
7144        const delta = viewportBottom - hostBottomAbs + 12;
7145        const newTop = Math.max(0, Math.round(window.pageYOffset - delta));
7146        window.scrollTo({ top: newTop, behavior: 'smooth' });
7147      }
7148    });
7149  }
7150});
7151
7152
7153giftBtn.addEventListener('click', function(){
7154  giftsShown = !giftsShown;
7155  giftBtn.setAttribute('aria-pressed', String(giftsShown));
7156
7157  const lbl = giftBtn.querySelector('.label');
7158  if (giftsShown) {
7159    showNodes(giftNodes);
7160    if (lbl) lbl.textContent = 'Geschenk-Abos ausblenden';
7161  } else {
7162    hideNodes(giftNodes);
7163    if (lbl) lbl.textContent = 'Geschenk-Abos einblenden';
7164
7165    requestAnimationFrame(() => {
7166      const viewportBottom = window.pageYOffset + window.innerHeight;
7167      const hostRect = hostEl.getBoundingClientRect();
7168      const hostBottomAbs = window.pageYOffset + hostRect.bottom;
7169      if (viewportBottom > hostBottomAbs) {
7170        const delta = viewportBottom - hostBottomAbs + 12;
7171        const newTop = Math.max(0, Math.round(window.pageYOffset - delta));
7172        window.scrollTo({ top: newTop, behavior: 'smooth' });
7173      }
7174    });
7175  }
7176});
7177
7178  window.AboWidget = API;
7179
7180})();
7181</script>
7181
7182
7183<style>
7184#sidebar-wrapper{
7185display: none;
7186}
7187
7188#main-wrapper{
7189width: 100% !important;
7190}
7191  
7192#iqd_mainAd{
7193  display: none;
7194}
7195</style>
7196<br />
7197
7198
7199<p>Das sagen zufriedene Abonnentinnen und Abonnenten über <i>Postillon-Abos</i>!</p>
7200
7201<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QtMkMDffmMn6Y-fLtoyp1ft4K_mC4ChGCFxWWSx8lE_PvjCAw-m7ex3qX-5LCnMePp7O58EbI9UUAb1UXKBVIEjxNWA8AaOnnCmQSMgpFG_kXSUX5_K-jv1xg3OtcThgeten_5YpJNF1DzdXnC-GY4P6OjHWHk9bxUK3RQWhUIwR9koiBdvf-LdXSLu9/s3840/Testimonial-3.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="3840" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2QtMkMDffmMn6Y-fLtoyp1ft4K_mC4ChGCFxWWSx8lE_PvjCAw-m7ex3qX-5LCnMePp7O58EbI9UUAb1UXKBVIEjxNWA8AaOnnCmQSMgpFG_kXSUX5_K-jv1xg3OtcThgeten_5YpJNF1DzdXnC-GY4P6OjHWHk9bxUK3RQWhUIwR9koiBdvf-LdXSLu9/s1600-rw/Testimonial-3.jpg" width="548" /></a></div><br /><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib6vfgvGjE4tXBqmGGESDVNwu8vtySrxoAOTvuT4bibLjLNIJSgucmNh2grO1uNNjtZt7Hmvq1EM7wGSTBH8sViOFHNd31LlxHiwkvrce-AZWpuXUdYjk7_Db2uojdqZEnIXFUYObIvOlfd-i_Uv0HOUQ7DCGduYXDUr61Ao0LpQV0L-F-oBDGaTD5AFyr/s3840/Testimonial-2.jpg" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" data-original-height="1200" data-original-width="3840" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEib6vfgvGjE4tXBqmGGESDVNwu8vtySrxoAOTvuT4bibLjLNIJSgucmNh2grO1uNNjtZt7Hmvq1EM7wGSTBH8sViOFHNd31LlxHiwkvrce-AZWpuXUdYjk7_Db2uojdqZEnIXFUYObIvOlfd-i_Uv0HOUQ7DCGduYXDUr61Ao0LpQV0L-F-oBDGaTD5AFyr/s1600-rw/Testimonial-2.jpg" width="548" /></a></div><br />
7202
7203<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQfQ-aGdkoSyzz31An6aUfMr7-gvSD-vZRy__lTne2i20g10rz3p98qrV6NtbMQoATmzdi04I78gBjgbfI5gowSfOgdxsUHz9ZaPpufePZv8mlNPPJ9tNNtbnS5iXCJW_vhqUo7-FMVua2di-xNsW2vV7_9W7rQ8K0Xg1IQYjO1dxKmOTamlLGK6vYds/s1600/Postillon%20Abo%20Testimonials%202025_Sina.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="1200" data-original-width="3840" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilQfQ-aGdkoSyzz31An6aUfMr7-gvSD-vZRy__lTne2i20g10rz3p98qrV6NtbMQoATmzdi04I78gBjgbfI5gowSfOgdxsUHz9ZaPpufePZv8mlNPPJ9tNNtbnS5iXCJW_vhqUo7-FMVua2di-xNsW2vV7_9W7rQ8K0Xg1IQYjO1dxKmOTamlLGK6vYds/s1600-rw/Postillon%20Abo%20Testimonials%202025_Sina.jpg" /></a></div>
7204
7205
7206
7207<br /><br />
7208<b>FAQ:</b><br />
7209<br />
7210<p><b>Ich habe ein altes Postillon Minus Abo und will auch noch ein Print-Abo dazu. Was soll ich tun?</b></p>
7211<p>Alte Postillon-Minus-Abos laufen ganz normal weiter. Alle alten Nachteile (Werbefreiheit etc.) bleiben bestehen. Um den Postillon als Zeitung zu erhalten musst du folgendes tun: <br />
7212Postillon Minus Geizkragen --&gt; am besten auf Postillon Alles-Abo wechseln <br />
7213Postillon Minus Standard --&gt; am besten auf Postillon Alles-Abo wechseln<br />
7214Postillon Minus Timmy Gedenkabo (Deutschland) --&gt; Timmy-Abonnenten aus Deutschland mit Jahres-Abo haben ein Anrecht auf ein Print-Abo. Du kannst also entweder auf Postillon Alles-Abo wechseln (gleich teuer) oder einfach deine Adresse im Steady-Account-Interface eingeben. Dann bekommst du die Zeitung ab da automatisch.<br />
7215Postillon Minus Timmy Gedenkabo (Ausland) --&gt; Timmy-Abonnenten aus dem Ausland melden sich bei Interesse an der Zeitung bitte direkt bei <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="9fecf7f0efdfecf7f0eff6f3f3f0f1b1fbfa">[email&#160;protected]</a><br />
7216Postillon Minus Studentenabo --&gt; Studenten-Abonnenten mit Jahres-Abo haben ein Anrecht auf ein Print-Abo. Du kannst also entweder auf ein neues Studenten-Abo wechseln (gleich teuer) oder einfach deine Adresse im Steady-Account-Interface eingeben. Dann bekommst du die Zeitung ab da automatisch.</p>
7217
7218<p><b>Wie lange läuft ein Abo und wie kann ich wieder kündigen?</b></p>
7219<p>Das reine Print-Abo läuft zunächst einmal für 1 Jahr bzw. 12 Ausgaben. Danach  ist es (unter Einhaltung der Frist, d.h. vor Anbruch des Monats) monatlich kündbar. Dazu genügt eine formlose Mail an <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="f2819a9d82b2819a9d829b9e9e9d9cdc9697">[email&#160;protected]</a>.</p>
7220<p>Bei den Digital- und Alles-Abos von <i>Steady</i> ist eine Kündigung zum Ende der gewählten Laufzeit (ein Monat / ein Jahr) möglich. Wird innerhalb dieses Zeitraums nicht gekündigt, verlängert sich die Mitgliedschaft automatisch; drei Tage vor Erneuerung des Jahresabos erhalten die Abonnierenden eine Erinnerungsmail. </p>
7221<p>Geschenkmitgliedschaften sind einmalige Käufe und verlängern sich nicht automatisch.</p>  
7222
7223<p><b>Versendet ihr die Printausgabe auch in die Schweiz/nach Liechtenstein/Burkina Faso/Legoland etc.?</b></p>
7224<p>Ja. Das kostet aber extra. Da muss unser Zeitungsjunge Timmy nämlich besonders weit laufen.</p>
7225
7226<p><b>Was genau umfasst die Printausgabe?</b></p>
7227<p>Auf 16 Seiten im großen Zeitungsformat gibt es die besten Online-Meldungen des letzten Monats plus jede Menge exklusiven Bonus-Content: Rätsel, Kleinanzeigen, Wetter, Todesanzeigen, Post von Watschner, Kinderseite, Gulaschrezepte, Cartoons und und und&#8230;</p>
7228
7229<p><b>Wie geht das mit dem werbefreien Surfen?</b></p>
7230<p>Das funktioniert nur, wenn du bei Steady eingeloggt bist.</p> 
7231<div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5I3UqbnmHTrR8wszHHAcIZTY0biDaozbf4rmXHlO-p5BBrQ46gWrMmLXoGLT23qBjJSvVfI-GYiRofmMFu60qkAvUm4uyI960y_oNpCpwzOYjaW7FYRN6S
7231haNK78G7J9e_ipt5ktMIVyoxr5ETG6P6kePV5eihZjDWDyLm7oiTibFYzaMctpwfT17L7k/s3370/Steady-Anleitung_Werbung_hoch2.jpg" style="display: block; padding: 1em 0px; text-align: center;"><img alt="" border="0" data-original-height="720" data-original-width="1280" loading="lazy" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy5I3UqbnmHTrR8wszHHAcIZTY0biDaozbf4rmXHlO-p5BBrQ46gWrMmLXoGLT23qBjJSvVfI-GYiRofmMFu60qkAvUm4uyI960y_oNpCpwzOYjaW7FYRN6ShaNK78G7J9e_ipt5ktMIVyoxr5ETG6P6kePV5eihZjDWDyLm7oiTibFYzaMctpwfT17L7k/s1600-rw/Steady-Anleitung_Werbung_hoch2.jpg" width="880" /></a></div>
7232<p>In der Postillon-Desktop-Version befindet sich ein schwarzer Einlogg-Button in der rechten Spalte neben Artikeln, in der mobilen Version unterhalb des Artikels unterhalb des Postillon-Minus-Logos.</p>
7233<p>Außerdem befindet sich hier einer: </p><a class="steady-login-button" data-language="german" data-size="medium" style="display: none;"></a><br />
7234<br /><br />
7235<p><b>Und wie geht das mit dem Newsletter?</b> </p>
7236<p>Du bekommst den Newsletter automatisch zugeschickt, wenn du ein Digital-Abo, Alles-Abo, Studenten-Abo, Supporter-Abo abgeschlossen hast. Solltest du ihn nicht wollen oder trotz Anspruch darauf nicht bekommen, bitte E-Mail an <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e89a8d8c89839c818786a88c8d9ac598879b9c8184848786c68b8785">[email&#160;protected]</a>.</p>
7237<b>Und wie komme ich an die Gratis-Sache aus dem Shopillon?</b> <br />
7238<p>Falls du ein Supporter-Abo oder Studenten-Abo hast und deine Gratis-Sache wünschst, bitte Mail an <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="720017161319061b1d1c321617005f021d01061b1e1e1d1c5c111d1f">[email&#160;protected]</a>.</p>
7239<p><b>Ich will kein Abo abschließen. Kann man euch auch anderweitig unterstützen? z.B. mit einer einmaligen Spende?</b></p>
7240<p>Na klar doch! Das geht unter anderem per Paypal:</p>
7241<form action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top"><input name="cmd" type="hidden" value="_s-xclick" /><br />
7242<input name="hosted_button_id" type="hidden" value="HLNLT79N7CPX2" /><br />
7243<input alt="Donate with PayPal button" border="0" name="submit" src="https://www.paypalobjects.com/de_DE/DE/i/btn/btn_donateCC_LG.gif" title="PayPal - The safer, easier way to pay online!" type="image" /><br />
7244<img alt="" border="0" height="1" loading="lazy" src="https://www.paypal.com/de_DE/i/scr/pixel.gif" width="1" /><br />
7245</form>
7246<p>Aber auch auf anderen Wegen: <a href="https://www.der-postillon.com/p/den-postillon-unterstutzen.html">Den Postillon unterstützen</a></p>
7247<b>Was riecht hier so köstlich?</b><br />
7248<p>Gulasch. In der Redaktionskantine gibt es sieben Mal die Woche Gulasch.</p>
7249</div>
7250</div>
7251</div>
7252</article>
7253</div>
vendor: 109 bytes, lines 7253-7254
7253
7254<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
7254<script type='text/javascript'>
7255      var templateifyMessages = {
7256      noTitle: "Ohne Titel",
7257      viewAll: "Alle anzeigen",
7258      postAuthor: false,
7259      postAuthorLabel: "",
7260      postDate: true,
7261      postDateLabel: "-"
7262      }
7263      </script>
7263
7264</div></div>
7265<!-- Rubriken Startseite 2 -->
7266<!-- /Rubriken Startseite 2 -->
7267</main>
7268<aside id='sidebar-wrapper'>
7269<div class='sidebar templateify-section section' id='sidebar' name='Sidebar'><div class='widget HTML' data-version='2' id='HTML30'>
7270<div class='widget-title title-wrap'><h3 class='title'>Abonnieren</h3></div>
7271<div class='widget-content'>
7272<a id="abWidgetLink" href="#" target="_blank" rel="noopener noreferrer" style="display:block; text-decoration:none; color:inherit;">
7273  <div id="abonnenten-widget" class="ab-widget" aria-label="Abonnenten Fortschritts-Widget" role="region">
7274    <div class="ab-bg"></div>
7275  </div>
7276</a>
7277
7278<style>
7279/* Grund-Layout: Breite 100%, Höhe wird dynamisch per padding-top gesetzt */
7280#abonnenten-widget.ab-widget{
7281  width: 100%;
7282  max-width: 100%;
7283  position: relative;
7284  font-family: "Helvetica Neue", Arial, sans-serif;
7285  box-sizing: border-box;
7286  overflow: hidden; /* wichtig, damit das bg sauber drin bleibt */
7287  display: block;
7288  background-color: #ffffff; /* Fallback-Farbe */
7289}
7290
7291/* Hintergrundfläche, absolut positioniert */
7292#abonnenten-widget .ab-bg{
7293  position: absolute;
7294  inset: 0;
7295  background-size: cover;         /* füllt Container (bei richtigem Ratio entsteht kein Beschnitt) */
7296  background-position: center center;
7297  background-repeat: no-repeat;
7298  will-change: transform;
7299  z-index: 0;
7300}
7301
7302/* Klasse für schmale Darstellung (bleibt nutzbar) - JS setzt Höhe passend */
7303#abonnenten-widget.ab-narrow { }
7304</style>
7305
7306<script>
7307/* Stabile Helper (keine Fehler, falls andere Skripte updateCountdown erwarten) */
7308(function(){
7309  const widget = document.getElementById('abonnenten-widget');
7310
7311  function updateSizeVariable(){
7312    if (!widget) return;
7313    const rect = widget.getBoundingClientRect();
7314    const w = Math.max(1, Math.round(rect.width));
7315    widget.style.setProperty('--w', w + 'px');
7316  }
7317  updateSizeVariable();
7318  if (window.ResizeObserver && widget) {
7319    const ro = new ResizeObserver(()=> updateSizeVariable());
7320    ro.observe(widget);
7321  }
7322})();
7323</script>
7323
7324
7325<script>
7326/* Platzierungsskript (optional, wie in deinem Setup) */
7327document.addEventListener('DOMContentLoaded', function () {
7328  const widget = document.getElementById('HTML30');
7329  const postShare = document.querySelector('.post-share');
7330  const target = document.getElementById('PlaceAboWidgetHere');
7331
7332  if (!widget) return;
7333
7334  if (!target && !postShare) {
7335    const innerWidget = document.getElementById('abonnenten-widget');
7336    if (innerWidget) innerWidget.classList.add('ab-narrow');
7337    return;
7338  }
7339
7340  const frag = document.createDocumentFragment();
7341  frag.appendChild(widget);
7342
7343  if (target) {
7344    target.appendChild(frag);
7345  } else {
7346    if (postShare.nextSibling) {
7347      postShare.parentNode.insertBefore(frag, postShare.nextSibling);
7348    } else {
7349      postShare.parentNode.appendChild(frag);
7350    }
7351    widget.style.marginTop = '20px';
7352  }
7353
7354  window.dispatchEvent(new Event('resize'));
7355});
7356</script>
7356
7357
7358<!-- -------------- Hauptscript: zufälliges Set + exakte Ratio per Bildmaße -------------- -->
7359<script>
7360(function () {
7361  // Bild-Sets (wide = Breitformat, narrow = Hoch-/Quadratform)
7362  const sets = [
7363    {
7364      name: 'set1',
7365      wide: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-SDs_Smz5R-6QrGpGENhUpomsBIQAG45kekQi3iuoXxj5_08Thc10Z_X-K3kCn1jUGk5bPRdcEaNfAb0Ja67Of9hHp8VLcFnGajANY2u95itKXNEkRqqNbzPcybiy0DkRrc789lZJ4WwnYFB89DgeWESOtW-mfjpTk227YqyTU-vv2Q9wVzaHAt1v7hA/s1600-rw/ZeitungBreit.jpg',
7366      narrow: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNO4Dtblihq3CgtOSkUxgjKUpWSDUkVQ4BBiEUmUA77YnYT3qxw1p9jZ7EGM0ZZYV5z4PthlJO-jIwliSWjU7aypoNRg0mAMXDBlQA8LFlC0NgymIWxXmwtobbFi-4mV5YzXUryRI0CRu0VXy29y0lQWmTG9vkiPpSyQL2mRaHpnPh1dszxySgM6QKUWo/s1600-rw/ZeitungQuadrat.jpg',
7367      link: 'https://www.der-postillon.com/p/postillon-abo.html'
7368    },
7369    {
7370      name: 'set2',
7371      wide: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLKWUtsVPf82pxHmtp_zCrIsPGAilTg8Xi_6ExRBQYDimKJMgCUsADUY_dkTud6GDF725qRVLYwa8IpdLGeG20I8jmqEC_UM0WpjhsYY3MKniDErWIwFFxWdCIFt7wDGfiTazQpikRThc528cBCIaJvldspqpEhWDTX1q_is7b_jIXheLIW2f8uIJFLxk/s1600-rw/Anzeigen-Abonnement-1096x600-2.jpg',
7372      narrow: 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKEd5pJBFZ5n2YQS8ekDYzgMBipD8QK4Wfu70TVJjcTOeU39_o7LtJ7KnYLVPpjQqYf-aWnO2oG3A1oucAxVKLvhI02QjZxgNAflWQ-wPTQ4mnCTzpdwlAEN97cH54cJMD8GafLCzI8l3yiK42lfXWGBFLOBTzIKIBxcEXXYEzwOayE7ssYTQRYfgK0Oc/s1600-rw/Anzeigen-Abonnement-3-2.jpg',
7373      link: 'https://www.der-postillon.com/2025/12/geschenk-abo.html'
7374    }
7375  ];
7376
7377  function pickRandomSet() {
7378return sets[0];    
7379//return sets[Math.floor(Math.random() * //sets.length)];
7380  }
7381
7382  // setzt widget-Höhe via padding-top basierend auf exaktem Ratio (ratio = width/height)
7383  function setWidgetHeightByRatio(widgetEl, ratio) {
7384    if (!widgetEl || !ratio || !isFinite(ratio)) return;
7385    // padding-top in % = (height / width) * 100 = (1 / ratio) * 100
7386    const padTopPercent = (1 / ratio) * 100;
7387    widgetEl.style.height = '0'; // Höhe per padding gesteuert
7388    widgetEl.style.paddingTop = padTopPercent + '%';
7389    // Entferne eventuell gesetzte aspect-ratio, damit padding-top greift
7390    widgetEl.style.removeProperty('aspect-ratio');
7391  }
7392
7393  // Ermittelt native Bildmaße (naturalWidth/naturalHeight) und ruft callback mit ratio auf
7394  function measureImageRatio(src, callback, fallbackRatio) {
7395    if (!src) { callback(fallbackRatio || 16/9); return; }
7396    const img = new Image();
7397    img.onload = function() {
7398      // Sicherheitscheck
7399      if (img.naturalWidth && img.naturalHeight) {
7400        callback(img.naturalWidth / img.naturalHeight);
7401      } else {
7402        callback(fallbackRatio || 16/9);
7403      }
7404    };
7405    img.onerror = function() {
7406      callback(fallbackRatio || 16/9);
7407    };
7408    // Cache-Buster vermeiden; reines src setzen
7409    img.src = src;
7410    // Falls das Bild schon im Cache wäre und onload nicht feuert (sehr selten), fallback nach 300ms:
7411    setTimeout(()=> {
7412      if (!(img.complete && img.naturalWidth && img.naturalHeight)) {
7413        // ignorieren &#8212; onload/onerror wird oder wurde getriggert; nur fallback, falls nötig
7414      }
7415    }, 300);
7416  }
7417
7418  // Wendet Set an: misst Bildratio und passt Container an
7419  function applySet(set) {
7420    const anchor = document.getElementById('abWidgetLink');
7421    const widget = document.getElementById('abonnenten-widget');
7422    const bg = widget ? widget.querySelector('.ab-bg') : null;
7423    if (!widget || !bg) return;
7424
7425    if (anchor && set.link) anchor.setAttribute('href', set.link);
7426
7427    const useNarrow = window.matchMedia('(max-width:600px)').matches || widget.classList.contains('ab-narrow');
7428
7429    const imgSrc = useNarrow ? set.narrow : set.wide;
7430
7431    // Messung und dann Anwenden
7432    measureImageRatio(imgSrc, function(ratio) {
7433      // gesetzt wird padding-top, damit Container genau das Bildseitenverhältnis hat
7434      setWidgetHeightByRatio(widget, ratio);
7435
7436      // Hintergrundbild setzen (cover; bei exaktem Ratio kein Beschnitt)
7437      bg.style.backgroundImage = `url("${imgSrc}")`;
7438      bg.style.backgroundSize = 'cover';
7439      bg.style.backgroundPosition = 'center center';
7440      bg.style.backgroundRepeat = 'no-repeat';
7441    }, /*fallbackRatio=*/ (useNarrow ? 1 : 16/9));
7442  }
7443
7444  function init() {
7445    const chosen = pickRandomSet();
7446    applySet(chosen);
7447
7448    // Reagiere auf MediaQuery Wechsel (z.B. schmal <-> breit)
7449    const mql = window.matchMedia('(max-width:600px)');
7450    const onMqlChange = () => applySet(chosen);
7451    if (mql.addEventListener) mql.addEventListener('change', onMqlChange);
7452    else if (mql.addListener) mql.addListener(onMqlChange);
7453
7454    // Reagiere, falls Klasse ab-narrow später gesetzt/entfernt wird
7455    const widgetEl = document.getElementById('abonnenten-widget');
7456    if (widgetEl && window.MutationObserver) {
7457      const mo = new MutationObserver(()=> applySet(chosen));
7458      mo.observe(widgetEl, { attributes: true, attributeFilter: ['class'] });
7459    }
7460
7461    // Beobachte Größenänderungen der Breite (z.B. responsive Umbau) und reapply, weil padding-top in % von Breite abhängt
7462    if (widgetEl && window.ResizeObserver) {
7463      const ro = new ResizeObserver(()=> applySet(chosen));
7464      ro.observe(widgetEl);
7465    }
7466  }
7467
7468  if (document.readyState === 'loading') {
7469    document.addEventListener('DOMContentLoaded', init);
7470  } else {
7471    init();
7472  }
7473
7474})();
7475</script>
7475
7476</div>
7477</div>
7478<div class='widget HTML' data-version='2' id='HTML18'>
7479<div class='widget-title title-wrap'><h3 class='title'>KI-Projekte</h3></div>
7480<div class='widget-content'>
7481<!-- Das erste Bild -->
7482<a href="https://www.der-postillon.com/2023/05/deppgpt.html">
7483    <img style="margin-bottom: 20px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguEspvxurh69UtRzZXDeNHnroxNofO0heSabwW3SmNEuWHHF8rKUveznqbS2ol62j7imPrwqzXXFOpIpBnQH-HmL8WX6ooqhM8L7TDmJE8Us3nKjeeRS5GtXL4ihXMARwN6fyy12kZF_O3NfqRqo7mDv1kvbwmFmxJX0JeLLJw8YZGoMIyO6Y2sah6xXs/s600-rw/deppgpt.jpg" alt="DeppGPT Logo" />
7484</a>
7485
7486<!-- Platzhalter für die zwei anderen Bilder -->
7487<div id="randomImages"></div>
7488
7489<!-- Link zum Einblenden des dritten Bildes -->
7490<div style="text-align: center; margin-top: 0px;">
7491    <a href="#" id="showMore">[Mehr anzeigen]</a>
7492</div>
7493
7494
7495<script>
7496    // Bilder und Links in Arrays
7497    const images = [
7498        { 
7499            src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjuLWj3ttJkNJwa8gtSj1gFVxpNTt9wTm23PYqvx-DRMq5gDTgveJOIg-PMhNPfm2W741ZsR01e9BRyM3WLdWZcm8dJBn9E3qZ5VPx9CuhjNiIlJrpiJ4aaD_8wwvZ220hPYIpCEi6F2kgGqWP5MDDokIsFF99ZQr9bHKet1_igj2j_VeWhW1np_-I_eBg/s600-rw/gruenen.jpg",
7500            alt: "GBG Logo",
7501            href: "https://www.der-postillon.com/2023/07/gruenen-bashing-ueberleitungsgenerator.html"
7502        },
7503        { 
7504            src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJzhSZzcCyx-45Jrq2GfwfDDHLPeT1jMPt9Jq3ItPbSfuajfyTUP4sLSt7f8Y6LKBbHcfnO8xoj4DX9vyTX3th3GcYBtAjnIEQplhNqyWoIzmwYC3Lz865CfTAcxvISLv6ZGmoDgRx7GKDfNKyRS3r_GssjdtUP06ClaynoqO9o3Alu8meVdXODBo_2Ag/s600-rw/deppLLogoSeitenleiste.png",
7505            alt: "DeppL Logo",
7506            href: "https://www.der-postillon.com/2023/10/deppl-translate-ki.html"
7507        }
7508    ];
7509
7510    // Bilder zufällig mischen
7511    images.sort(() => 0.5 - Math.random());
7512
7513    // Erstes Bild in den DOM einfügen, zweites Bild versteckt halten
7514    const randomImagesDiv = document.getElementById("randomImages");
7515    images.forEach((image, index) => {
7516        const aTag = document.createElement("a");
7517        aTag.href = image.href;
7518        const imgTag = document.createElement("img");
7519        imgTag.src = image.src;
7520        imgTag.alt = image.alt;
7521        imgTag.style.marginBottom = "20px";
7522        if (index === 1) {
7523            imgTag.style.display = "none"; // Zweites Bild verstecken
7524            imgTag.id = "hiddenImage"; // ID hinzufügen, um es später leichter zu finden
7525        }
7526        aTag.appendChild(imgTag);
7527        randomImagesDiv.appendChild(aTag);
7528    });
7529
7530    // Event Listener für den "Mehr anzeigen"-Link
7531    document.getElementById("showMore").addEventListener("click", function(e) {
7532        e.preventDefault();
7533        document.getElementById("hiddenImage").style.display = "block"; // Verstecktes Bild anzeigen
7534        this.style.display = "none"; // "Mehr anzeigen"-Link verstecken
7535    });
7536</script>
7536
7537</div>
7538</div><div class='widget HTML' data-version='2' id='HTML2'>
7539<div class='widget-title title-wrap'><h3 class='title'>Reklame</h3></div>
7540<div class='widget-content'>
7541<div id='iqd_pos_marg_right_1_placeholder'></div>
7542</div>
7543</div><div class='widget HTML' data-version='2' id='HTML17'>
7544<div class='widget-title title-wrap'><h3 class='title'>Bilder des Tages</h3></div>
7545<div class='widget-content'>
7546<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
7546
7547<a href = "https://www.der-postillon.com/p/bilder-des-tages-beeindruckende-fotos.html"><img id="BildDesTages"/></a>
7548<p style="text-align: center;">
7549  <a href="https://www.der-postillon.com/p/bilder-des-tages-beeindruckende-fotos.html" style="margin_bottom: 0px;">[Weitere Bilder anzeigen]</a>
7550</p>
7551<script>
7552
7553
7554
7555    $.ajax({
7556        url: "https://www.blogger.com/feeds/746298260979647434/pages/default/3593388014393177363?&alt=json-in-script",
7557        type: "get",
7558        dataType: "jsonp",
7559        success: function (data) {
7560            console.log("Zugriff auf Blogger JSON-Feed erfolgreich.");
7561
7562            let content = data.entry.content.$t;
7563            content = content.replace(/\\u003c/g, '<').replace(/\\u003e/g, '>'); // Ersetzen der Unicode-Zeichen
7564
7565            const parser = new DOMParser();
7566            const doc = parser.parseFromString(content, 'text/html');
7567            const img = doc.querySelector('img');
7568            if (img != null)
7569            {
7570                document.getElementById("BildDesTages").src = reduceImageSize(img.src);
7571            }
7572        },
7573        error: function () {
7574            console.log("Konnte nicht auf Blogger Feed zugreifen.");
7575        }
7576    });
7577
7578
7579function reduceImageSize(url) {
7580    let lastIndex = url.lastIndexOf("s1600-rw");
7581
7582    if (lastIndex !== -1) {
7583        return url.substring(0, lastIndex) + "s600-rw" + url.substring(lastIndex + "s1600-rw".length);
7584    } else {
7585        // Falls "s1600-rw" nicht in der URL gefunden wurde, geben wir die originale URL zurück
7586        return url;
7587    }
7588}
7589
7590</script>
7590
7591</div>
7592</div><div class='widget HTML' data-version='2' id='HTML5'>
7593<div class='widget-title title-wrap'><h3 class='title'>Reklame</h3></div>
7594<div class='widget-content'>
7595<center><img id="bild1" src="" alt="Zufallsbild 1" width="300px" /></center>
7596</div>
7597</div><div class='widget HTML' data-version='2' id='HTML6'>
7598<div class='widget-title title-wrap'><h3 class='title'>Aus dem Archiv</h3></div>
7599<div class='widget-content'>
7600<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
7600
7601
7602<div class="widget-content" id="archiv-widget">
7603  <style>
7604    @media only screen and (max-width: 500px) {
7605      #archiv-widget .title-wrap {
7606        display: flex !important;
7607      }
7608      #archiv-widget .content-block .block-item .entry-image-wrap {
7609        margin-left: 0 !important;
7610      }
7611    }
7612  </style>
7613
7614  <div class="content-block block-items" id="archiv-content-side" style="grid-template-columns: repeat(1,1fr);">
7615    <div class="title-wrap">Titel</div>
7616  </div>
7617</div>
7618
7619<script>
7620  var BlogID = "746298260979647434";
7621  var totalPosts = 29;
7622  var fetchBatchSize = 29;
7623  var label = "Zeitlos";
7624
7625  function getRandomInt(min, max) {
7626    return Math.floor(Math.random() * (max - min + 1)) + min;
7627  }
7628
7629  function fetchSingleArchivArticle() {
7630    var maxStart = totalPosts - fetchBatchSize + 1;
7631    var startIndex = getRandomInt(1, maxStart);
7632
7633    var feedUrl = `https://www.blogger.com/feeds/${BlogID}/posts/default/-/${label}?start-index=${startIndex}&max-results=${fetchBatchSize}&alt=json-in-script`;
7634
7635    $.ajax({
7636      url: feedUrl,
7637      type: "get",
7638      dataType: "jsonp",
7639      success: function(data) {
7640        if (!data.feed.entry || data.feed.entry.length === 0) {
7641          $("#archiv-content").html("Keine Artikel gefunden.");
7642          return;
7643        }
7644
7645        // Nur einen zufälligen Eintrag auswählen
7646        var randomIndex = getRandomInt(0, data.feed.entry.length - 1);
7647        var entry = data.feed.entry[randomIndex];
7648
7649        var title = entry.title.$t;
7650        var link = entry.link.find(l => l.rel === "alternate").href;
7651        var content = entry.content?.$t || "";
7652        var imageMatch = content.match(/<img[^>]+src="([^">]+)"/);
7653        var image = imageMatch ? imageMatch[1] : "https://via.placeholder.com/108x72?text=Kein+Bild";
7654        var summary = entry.summary?.$t || "";
7655        var category = entry.category?.[0]?.term || "Zeitlos";
7656
7657        var entryHtml = `
7658          <div class="block-item cs item-0">
7659            <a class="entry-inner" title="${title}" href="${link}">
7660              <span class="entry-image-wrap before-mask is-image">
7661                <span class="entry-image templateify-lazy" data-image="${image}" style="background-image:url(${image})"></span>
7662              </span>
7663              <div class="entry-header entry-info">
7664                <span class="entry-category">${category}</span>
7665                <h2 class="entry-title">${title}</h2>
7666                <span class="entry-excerpt excerpt">${summary}</span>
7667              </div>
7668            </a>
7669          </div>
7670        `;
7671
7672        $("#archiv-content-side").html(entryHtml);
7673      },
7674      error: function() {
7675        $("#archiv-content-side").html("Fehler beim Laden des Archivartikels.");
7676      }
7677    });
7678  }
7679
7680  fetchSingleArchivArticle();
7681</script>
7681
7682</div>
7683</div>
7684<div class='widget HTML' data-version='2' id='HTML19'>
7685<div class='widget-title title-wrap'><h3 class='title'>Postillon Minus</h3></div>
7686<div class='widget-content'>
7687<div style="text-align: left;  border: 1px solid #ccc; padding: 20px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);">
7688  <p style="font-size: 16px; color: var(--title-color); margin-bottom: 15px;">Nur für <a href="https://www.der-postillon.com/p/postillon-minus.html" style="color: #007bff; text-decoration: none;">Postillon-Minus-Abonnenten</a>. Einloggen und den Postillon werbefrei genießen:</p>
7689  <a class="steady-login-button" data-size="medium" data-language="german"></a>
7690  <div style="margin: 20px 0;">
7691    <a href="https://www.der-postillon.com/p/postillon-minus.html">
7692      <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjATQb-gQUK7Gf0zYOdW8MPG-2Xehq0sRvpfdIpCLQxdFS2Fwrc345nyMAFvADfeS6VEOJEhYTIbLcdj7u3haKdGaEaT6RQCCla2Wl1XG5AqjJfjP9zhqCcGxJ1UPiwlmeEuM6br1D3mY/s1600/steady3.jpg" style="max-width: 100%; border-radius: 5px; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1);" />
7693    </a>
7694  </div>
7695</div>
7696</div>
7697</div>
7698<div class='widget HTML' data-version='2' id='HTML26'>
7699<div class='widget-title title-wrap'><h3 class='title'>Reklame</h3></div>
7700<div class='widget-content'>
7701<div id='iqd_pos_marg_right_2_placeholder'></div>
7702</div>
7703</div><div class='widget HTML' data-version='2' id='HTML21'>
7704<div class='widget-title title-wrap'><h3 class='title'>Neu auf YouTube</h3></div>
7705<div class='widget-content'>
7706<style>
7707
7708#video-container {
7709  border: 1px solid #e1e1e1;
7710  padding: 20px;
7711  border-radius: 1px;
7712  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
7713  max-width: 700px;
7714  margin: 0 auto;
7715  overflow: hidden;
7716}
7717
7718#video-gadget {
7719  position: relative;
7720}
7721
7722#video-content {
7723  max-width: 100%;
7724  height: auto;
7725}
7726
7727#video-gadget .entry-title {
7728  font-size: 14px;
7729  margin-top: 10px;
7730  text-align: left;
7731  font-weight: bold;
7732}
7733
7734#video-gadget .entry-title a {
7735  color: var(--title-color);
7736  text-decoration: none;
7737  transition: color 0.3s;
7738}
7739
7740#video-gadget .entry-title a:hover {
7741  color: #007BFF;
7742}
7743
7744.subscribe-container {
7745  margin-top: 30px;
7746  text-align: left;
7747}
7748
7749</style>
7750
7751<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
7751
7752<div id='video-container'>
7753  <div id='video-gadget'>
7754    <div id='video-content'></div>
7755    
7756    <h2 class='entry-title' id='video-post-title'>
7757      <a href="#" id="video-link"></a>
7758    </h2>
7759
7760    <div class="subscribe-container">
7761      
7761<script src="https://apis.google.com/js/platform.js"></script>
7761
7762      <div class="g-ytsubscribe" data-channel="Postillon24" data-layout="full" data-count="hidden"></div>
7763    </div>
7764  </div>
7765</div>
7766
7767
7768<script>
7769    var BlogID = "746298260979647434";
7770    var videoCount = 1;
7771    var feedIndex = 1;
7772
7773    function findLatestVideo(BlogID, videoCount, feedIndex) {
7774        var feed = "https://www.blogger.com/feeds/" + BlogID + "/posts/default/-/Video?max-results=" + videoCount + "&start-index=" + feedIndex + "&alt=json-in-script";
7775
7776        $.ajax({
7777            url: feed,
7778            type: "get",
7779            dataType: "jsonp",
7780            success: function(data) {
7781                console.log("Zugriff auf Blogger JSON-Feed erfolgreich." + JSON.stringify(data));
7782
7783                // Video-Titel setzen und "[Video]" entfernen, falls es am Ende des Titels steht
7784                var videoTitle = data.feed.entry[0].title.$t;
7785                if (videoTitle.endsWith("[Video]")) {
7786                    videoTitle = videoTitle.substring(0, videoTitle.lastIndexOf("[Video]")).trim();
7787                }
7788                $("#video-link").text(videoTitle);
7789
7790                // Video-URL extrahieren und einbetten
7791                var entry = data.feed.entry[0].content.$t;
7792                var videoURLMatch = entry.match(/https?:\/\/www\.youtube\.com\/watch\?v=[^&\s"]+/);
7793
7794                if (videoURLMatch && videoURLMatch[0]) {
7795                    var embedURL = videoURLMatch[0].replace("watch?v=", "embed/");
7796                    $("#video-content").html('<iframe width="300" height="169" src="' + embedURL + '" frameborder="0" allowfullscreen></iframe>');
7797                    // Setze den Link des h2 Elements auf die YouTube URL
7798                    $("#video-link").attr("href", videoURLMatch[0]);
7799                } else {
7800                    $("#video-content").html("Kein gültiger YouTube-Link im neuesten Video-Post gefunden.");
7801                }
7802            },
7803            error: function() {
7804                console.log("Konnte nicht auf Blogger Feed zugreifen.");
7805                $("#video-content").html("Etwas ist schiefgelaufen. Bitte laden Sie die Seite neu, um das Video zu sehen.")
7806            }
7807        });
7808    }
7809
7810    findLatestVideo(BlogID, videoCount, feedIndex);
7811</script>
7811
7812</div>
7813</div>
7814</div>
7815</aside>
7816</div>
7817</div>
7818<div id='iqd_pos_footer_placeholder'></div>
7819<footer class='flex-col' id='footer-wrapper'>
7820<div class='primary-footer flex-c'>
7821<div class='container row-x1'>
7822<div class='footer-widgets'>
7823<div class='footer-section templateify-section flex-col section' id='footer-col-1' name='Footer Left'><div class='widget HTML' data-version='2' id='HTML20'>
7824<div class='widget-title'><h3 class='title'>Mail Abo | Die neuesten Meldungen per Mail erhalten.</h3></div>
7825<div class='widget-content'>
7826<style>@import url('https://fonts.googleapis.com/css?family=Montserrat:700');@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
7827.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview {
7828  display: flex !important;
7829  flex-direction: column !important;
7830  justify-content: center !important;
7831  margin-top: 30px !important;
7832  padding: clamp(17px, 5%, 40px) clamp(17px, 7%, 50px) !important;
7833  max-width: none !important;
7834  border-radius: 6px !important;
7835  box-shadow: 0 5px 25px rgba(34, 60, 47, 0.25) !important;
7836}
7837.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview,
7838.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview *{
7839  box-sizing: border-box !important;
7840}
7841.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-heading {
7842  width: 100% !important;
7843}
7844.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-heading h5{
7845  margin-top: 0 !important;
7846  margin-bottom: 0 !important;
7847}
7848.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field {
7849  margin-top: 20px !important;
7850  width: 100% !important;
7851}
7852.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input {
7853  width: 100% !important;
7854  height: 40px !important;
7855  border-radius: 6px !important;
7856  border: 2px solid #e9e8e8 !important;
7857  background-color: #fff !important;
7858  outline: none !important;
7859}
7860.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input {
7861  color: #000000 !important;
7862  font-family: "Montserrat" !important;
7863  font-size: 14px !important;
7864  font-weight: 400 !important;
7865  line-height: 20px !important;
7866  text-align: center !important;
7867}
7868.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input::placeholder {
7869  color: #000000 !important;
7870  opacity: 1 !important;
7871}
7872
7873.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input:-ms-input-placeholder {
7874  color: #000000 !important;
7875}
7876
7877.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-input-field input::-ms-input-placeholder {
7878  color: #000000 !important;
7879}
7880.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button {
7881  margin-top: 10px !important;
7882  width: 100% !important;
7883}
7884.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button button {
7885  width: 100% !important;
7886  height: 40px !important;
7887  border: 0 !important;
7888  border-radius: 6px !important;
7889  line-height: 0px !important;
7890}
7891.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .form-preview .preview-submit-button button:hover {
7892  cursor: pointer !important;
7893}
7894.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .powered-by-line {
7895display: none;
7896}
7897.followit--follow-form-container[attr-a][attr-b][attr-c][attr-d][attr-e][attr-f] .powered-by-line img {
7898  margin-left: 10px !important;
7899  height: 1.13em !important;
7900  max-height: 1.13em !important;
7901}
7902</style><div class="followit--follow-form-container" attr-a attr-b attr-c attr-d attr-e attr-f><form data-v-2f850a8c="" action="https://api.follow.it/subscription-form/VmQ3TFk1WU1qS2x0OWtJSkF0dzkwbkM1Qm9VUExnQUNaNlkrdmFNTEY4VFZEZXhqaUp1K2diaHRuQkVlNktCUWVNSjlFL2pvTHcybkhRR043VVM1TlkvQXMvTnhiMXNhY2ovU1J5ZmpFZ0tlNUZYQ2ZpZXdaYXRXR0JzY1FqY1N8MFY4Mjl3QnRTWDVFQW5PZlRwdzJuU2s5enUzRlhUU3BINHhRU2pEN1Zocz0=/8" method="post"><div data-v-2f850a8c="" class="form-preview" style="background-color: rgb(255, 255, 255); border-style: solid; border-width: 1px; border-color: rgb(204, 204, 204); position: relative;"><div data-v-2f850a8c="" class="preview-heading"><h5 data-v-2f850a8c="" style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(0, 0, 0); font-size: 16px; text-align: center;">
7903                  Die neuesten Meldungen per Mail (1x täglich) erhalten:
7904                </h5></div> <div data-v-2f850a8c="" class="preview-input-field"><input data-v-2f850a8c="" type="email" name="email" required="required" placeholder="Enter your email" spellcheck="false" style="text-transform: none !important; font-family: Montserrat; font-weight: normal;
7904 color: rgb(0, 0, 0); font-size: 14px; text-align: center; background-color: rgb(255, 255, 255);" /></div> <div data-v-2f850a8c="" class="preview-submit-button"><button data-v-2f850a8c="" type="submit" style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(255, 255, 255); font-size: 16px; text-align: center; background-color: rgb(0, 0, 0);">
7905                  Gratis abonnieren
7906                </button></div></div></form><a href="https://follow.it" class="powered-by-line">Powered by <img src="https://follow.it/static/img/colored-logo.svg" alt="follow.it" height="17px"/></a></div>
7907</div>
7908</div></div>
7909<div class='footer-section templateify-section flex-col section' id='footer-col-2' name='Footer Center'><div class='widget HTML' data-version='2' id='HTML16'>
7910<div class='widget-title'><h3 class='title'>Neueste Artikel</h3></div>
7911<div class='widget-content' data-is='footer' data-shortcode='{getPosts} $results={3} $label={recent} $style={2}'>
7912</div>
7913</div></div>
7914<div class='footer-section templateify-section flex-col section' id='footer-col-3' name='Footer Right'><div class='widget Image' data-version='2' id='Image1'>
7915<div class='widget-title'><h3 class='title'>Den Postillon abonnieren</h3></div>
7916<div class='widget-content'>
7917<div class='custom-image'>
7918<a href='https://www.der-postillon.com/p/abonnement.html'>
7919<img alt='Der Postillon' id='Image1_img' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj5jpfX5Tcn9r-SklQAHo6OfmmRPkwSaJyit4YXXPGIzo2S_-Fkib6g6A5k8iQSzr-E2HNRRWPd99Cb6jcZ4Brv9-JLnp4nWxH7bqTnQ47uZ9dwBicO4nsuTigNc2M2Av6tI4h3Th8oz0QZ/s1600/Postillon-Abo-Sprechblase.jpg'/>
7920</a>
7921</div>
7922</div>
7923</div></div>
7924</div>
7925</div>
7926</div>
7927<div class='footer-bar flex-c'>
7928<div class='container row-x1 flex-sb'>
7929<div class='footer-copyright section' id='footer-copyright' name='Footer Copyright'><div class='widget Text' data-version='2' id='Text50'>
7930Alle Texte auf
7931        <a class="sitename" href="https://www.der-postillon.com/" title="Der Postillon">Der Postillon</a>
7932        stehen unter<br />
7933<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/de/" target="_blank">CC BY-NC-SA 3.0 DE</a>
7934        (nicht-kommerziell)
7935</div></div>
7936<div class='footer-menu section' id='footer-menu' name='Footer Menu'><div class='widget LinkList' data-version='2' id='LinkList204'>
7937<ul class='link-list'>
7938<li><a href='https://www.der-postillon.com/p/faq.html'>FAQ</a></li>
7939<li><a href='https://www.der-postillon.com/p/uber-den-postillon.html'>Impressum</a></li>
7940<li><a href='https://www.der-postillon.com/p/blog-page_9.html'>Datenschutz</a></li>
7941<li><a href='javascript:window._sp_.gdpr.loadPrivacyManagerModal(1492595);'>Privacy Einstellungen</a></li>
7942<li><a href='https://www.der-postillon.com/p/den-postillon-unterstutzen.html'>Unterstützen</a></li>
7943<li><a href='https://www.youtube.com/subscription_center?add_user=Postillon24'>Postillon24</a></li>
7944</ul>
7945</div></div>
7946</div>
7947</div>
7948</footer>
7949</div>
7950<div id='slide-menu'>
7951<div class='slide-menu-header'>
7952<div class='mobile-logo'></div>
7953<a class='hide-mobile-menu' href='#' role='button'></a>
7954</div>
7955<div class='slide-menu-flex'>
7956<div class='mobile-menu' id='mobile-menu'></div>
7957<div class='mm-footer'>
7958<div class='mm-social'></div>
7959<div class='mm-menu mobile-menu'></div>
7960</div>
7961</div>
7962</div>
7963<div class='overlay'></div>
7964<a class='btn' href='#' id='back-top' role='button' title='Back To Top'></a>
7965<!-- Hidden Widgets -->
7966<div id='hidden-widgets-wrap' style='display:none'>
7967<div class='hidden-widgets section' id='hidden-widgets'><div class='widget ContactForm' data-version='2' id='ContactForm1'>
7968<div class='widget-title'><h3 class='title'>Kontaktformular</h3></div>
7969<div class='widget-content contact-form-widget'>
7970<form class='contact-form-form' name='contact-form'>
7971<input ariby='Name' class='contact-form-name cf-s' id='ContactForm1_contact-form-name' name='name' placeholder='Name' size='30' type='text' value=''/>
7972<input ariby='E-Mail *' class='contact-form-email cf-s' id='ContactForm1_contact-form-email' name='email' placeholder='E-Mail *' size='30' type='text' value=''/>
7973<textarea ariby='Nachricht *' class='contact-form-email-message cf-s' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' placeholder='Nachricht *' rows='5'></textarea>
7974<input class='contact-form-button btn contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Senden'/>
7975<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
7976<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
7977</form>
7978</div>
7979</div></div>
7980</div>
7981<!-- Toast notification -->
7982<div id='snackbar'>Dieser Text sollte niemals angezeigt werden!</div>
7983<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js' type='text/javascript'></script>
vendor: 1 bytes, line 7983
7983
7984<script type='text/javascript'>
7985//<![CDATA[
7986/*! Theia Sticky Sidebar | v1.5.0 - https://github.com/WeCodePixels/theia-sticky-sidebar */
7987!function(i){i.fn.theiaStickySidebar=function(t){var e,o,a,s,n;function d(t,e){return!0===t.initialized||!(i("body").width()<t.minWidth)&&(function(t,e){t.initialized=!0,0===i("#theia-sticky-sidebar-stylesheet-"+t.namespace).length&&i("head").append(i('<style id="theia-sticky-sidebar-stylesheet-'+t.namespace+'">.theiaStickySidebar:after {content: ""; display: table; clear: both;}</style>')),e.each(function(){var e={};if(e.sidebar=i(this),e.options=t||{},e.container=i(e.options.containerSelector),0==e.container.length&&(e.container=e.sidebar.parent()),e.sidebar.parent().css("-webkit-transform","none"),e.sidebar.css({position:e.options.defaultPosition,overflow:"visible","-webkit-box-sizing":"border-box","-moz-box-sizing":"border-box","box-sizing":"border-box"}),e.stickySidebar=e.sidebar.find(".theiaStickySidebar"),0==e.stickySidebar.length){var o=/(?:text|application)\/(?:x-)?(?:javascript|ecmascript)/i;e.sidebar.find("script").filter(function(i,t){return 0===t.type.length||t.type.match(o)}).remove(),e.stickySidebar=i("<div>").addClass("theiaStickySidebar").append(e.sidebar.children()),e.sidebar.append(e.stickySidebar)}e.marginBottom=parseInt(e.sidebar.css("margin-bottom")),e.paddingTop=parseInt(e.sidebar.css("padding-top")),e.paddingBottom=parseInt(e.sidebar.css("padding-bottom"));var a,s,n,d=e.stickySidebar.offset().top,c=e.stickySidebar.outerHeight();function p(){e.fixedScrollTop=0,e.sidebar.css({"min-height":"1px"}),e.stickySidebar.css({position:"static",width:"",transform:"none"})}e.stickySidebar.css("padding-top",1),e.stickySidebar.css("padding-bottom",1),d-=e.stickySidebar.offset().top,c=e.stickySidebar.outerHeight()-c-d,0==d?(e.stickySidebar.css("padding-top",0),e.stickySidebarPaddingTop=0):e.stickySidebarPaddingTop=1,0==c?(e.stickySidebar.css("padding-bottom",0),e.stickySidebarPaddingBottom=0):e.stickySidebarPaddingBottom=1,e.previousScrollTop=null,e.fixedScrollTop=0,p(),e.onScroll=function(e){if(e.stickySidebar.is(":visible"))if(i("body").width()<e.options.minWidth)p();else{if(e.options.disableOnResponsiveLayouts)if(e.sidebar.outerWidth("none"==e.sidebar.css("float"))+50>e.container.width())return void p();var o,a,s=i(document).scrollTop(),n="static";if(s>=e.sidebar.offset().top+(e.paddingTop-e.options.additionalMarginTop)){var d,c=e.paddingTop+t.additionalMarginTop,b=e.paddingBottom+e.marginBottom+t.additionalMarginBottom,l=e.sidebar.offset().top,h=e.sidebar.offset().top+(o=e.container,a=o.height(),o.children().each(function(){a=Math.max(a,i(this).height())}),a),f=0+t.additionalMarginTop;d=e.stickySidebar.outerHeight()+c+b<i(window).height()?f+e.stickySidebar.outerHeight():i(window).height()-e.marginBottom-e.paddingBottom-t.additionalMarginBottom;var g=l-s+e.paddingTop,S=h-s-e.paddingBottom-e.marginBottom,m=e.stickySidebar.offset().top-s,y=e.previousScrollTop-s;"fixed"==e.stickySidebar.css("position")&&"modern"==e.options.sidebarBehavior&&(m+=y),"stick-to-top"==e.options.sidebarBehavior&&(m=t.additionalMarginTop),"stick-to-bottom"==e.options.sidebarBehavior&&(m=d-e.stickySidebar.outerHeight()),m=0<y?Math.min(m,f):Math.max(m,d-e.stickySidebar.outerHeight()),m=Math.max(m,g),m=Math.min(m,S-e.stickySidebar.outerHeight());var u=e.container.height()==e.stickySidebar.outerHeight();n=!u&&m==f||!u&&m==d-e.stickySidebar.outerHeight()?"fixed":s+m-e.sidebar.offset().top-e.paddingTop<=t.additionalMarginTop?"static":"absolute"}if("fixed"==n){var k=i(document).scrollLeft();e.stickySidebar.css({position:"fixed",width:r(e.stickySidebar)+"px",transform:"translateY("+m+"px)",left:e.sidebar.offset().left+parseInt(e.sidebar.css("padding-left"))-k+"px",top:"0px"})}else if("absolute"==n){var v={};"absolute"!=e.stickySidebar.css("position")&&(v.position="absolute",v.transform="translateY("+(s+m-e.sidebar.offset().top-e.stickySidebarPaddingTop-e.stickySidebarPaddingBottom)+"px)",v.top="0px"),v.width=r(e.stickySidebar)+"px",v.left="",e.stickySidebar.css(v)}else"static"==n&&p();"static"!=n&&1==e.options.updateSidebarHeight&&e.sidebar.css({"min-height":e.stickySidebar.outerHeight()+e.stickySidebar.offset().top-e.sidebar.offset().top+e.paddingBottom}),e.previousScrollTop=s}},e.onScroll(e),i(document).on("scroll."+e.options.namespace,(a=e,function(){a.onScroll(a)}
7987)),i(window).on("resize."+e.options.namespace,(s=e,function(){s.stickySidebar.css({position:"static"}),s.onScroll(s)})),"undefined"!=typeof ResizeSensor&&new ResizeSensor(e.stickySidebar[0],(n=e,function(){n.onScroll(n)}))})}(t,e),!0)}function r(i){var t;try{t=i[0].getBoundingClientRect().width}catch(i){}return void 0===t&&(t=i.width()),t}return(t=i.extend({containerSelector:"",additionalMarginTop:0,additionalMarginBottom:0,updateSidebarHeight:!0,minWidth:0,disableOnResponsiveLayouts:!0,sidebarBehavior:"modern",defaultPosition:"relative",namespace:"TSS"},t)).additionalMarginTop=parseInt(t.additionalMarginTop)||0,t.additionalMarginBottom=parseInt(t.additionalMarginBottom)||0,d(e=t,this)||(console.log("TSS: Body width smaller than options.minWidth. Init is delayed."),i(document).on("scroll."+e.namespace,(s=e,n=this,function(t){d(s,n)&&i(this).unbind(t)})),i(window).on("resize."+e.namespace,(o=e,a=this,function(t){d(o,a)&&i(this).unbind(t)}))),this}}(jQuery);
7988
7989/*! templateifyMenu by Templateify | v1.0.0 - https://templateify.com */
7990! function(a) {
7991    a.fn.templateifyMenu = function() {
7992        return this.each(function() {
7993            var $t = a(this),
7994                b = $t.find('.LinkList ul > li').children('a'),
7995                c = b.length;
7996            for (var i = 0; i < c; i++) {
7997                var d = b.eq(i),
7998                    h = d.text();
7999                if (h.charAt(0) !== '_') {
8000                    var e = b.eq(i + 1),
8001                        j = e.text();
8002                    if (j.charAt(0) === '_') {
8003                        var m = d.parent();
8004                        m.append('<ul class="sub-menu m-sub"/>');
8005                    }
8006                }
8007                if (h.charAt(0) === '_') {
8008                    d.text(h.replace('_', ''));
8009                    d.parent().appendTo(m.children('.sub-menu'));
8010                }
8011            }
8012            for (var i = 0; i < c; i++) {
8013                var f = b.eq(i),
8014                    k = f.text();
8015                if (k.charAt(0) !== '_') {
8016                    var g = b.eq(i + 1),
8017                        l = g.text();
8018                    if (l.charAt(0) === '_') {
8019                        var n = f.parent();
8020                        n.append('<ul class="sub-menu2 m-sub"/>');
8021                    }
8022                }
8023                if (k.charAt(0) === '_') {
8024                    f.text(k.replace('_', ''));
8025                    f.parent().appendTo(n.children('.sub-menu2'));
8026                }
8027            }
8028            $t.find('.LinkList ul li ul').parent('li').addClass('has-sub');
8029        });
8030    }
8031}(jQuery);
8032
8033/*! templateifyThumb by Templateify | v1.3.0 - https://templateify.com */
8034! function(o) {
8035    o.fn.templateifyThumb = function(n) {
8036        return n = o.extend({
8037            onScroll: !0
8038        }, n), this.each(function(t, c, e) {
8039            var r = o(this),
8040                l = o(window),
8041                a = r.data("image").replace("w139-h220-p-k-no-nu", "s600-rw").replace("w459-h220-p-k-no-nu", "s600-rw").replace("w253-h165-p-k-no-nu", "s600-rw").replace("w169-h110-p-k-no-nu", "s600-rw").replace("w72-h72-p-k-no-nu", "s600-rw"),
8042                h = "w" + Math.round(r.width() + r.width() / 10) + "-h" + Math.round(r.height() + r.height() / 10) + "-p-k-no-nu";
8043
8044            function s() {
8045                var o = new Image;
8046                o.onload = function() {
8047                    r.attr("style", "background-image:url(" + this.src.replace("w139-h220-p-k-no-nu", "s600-rw").replace("w459-h220-p-k-no-nu", "s600-rw").replace("w253-h165-p-k-no-nu", "s600-rw").replace("w169-h110-p-k-no-nu", "s600-rw").replace("w72-h72-p-k-no-nu", "s600-rw") + ")").addClass("templateify-lazy")
8048                }, o.src = t
8049            }
8050            a.match("resources.blogblog.com") && (a = "undefined" != typeof noThumbnail ? noThumbnail : "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-O51jvHyFAPGQBGeA9mmtv19jQVOfqRbhYOcnnbEqm8Fue6MFroSNr9zmYlZGIFkwKR8E3z0sR2UG_9zK1edxY5jrgsN8zOLuGykkR5HZS2iw9B0IFpG21tRyfdUp5c24fGlNlwrt-ME/s72-c/ptb-nth.png"), a.match("blogger.googleusercontent.com") && a.match("=") && (e = a.split("="), a = e[1] && "" != e[1].trim() ? e[0] + "=w72-h72-p-k-no-nu" : a), a.match("blogger.googleusercontent.com") && !a.match("=") && (a += "=w72-h72-p-k-no-nu"), t = a.match("/s72-c") ? a.replace("/s72-c", "/" + h) : a.match("/w72-h") ? a.replace("/w72-h72-p-k-no-nu", "/" + h) : a.match("=w72-h") ? a.replace("=w72-h72-p-k-no-nu", "=" + h) : a.replace("w139-h220-p-k-no-nu", "s600-rw").replace("w459-h220-p-k-no-nu", "s600-rw").replace("w253-h165-p-k-no-nu", "s600-rw").replace("w169-h110-p-k-no-nu", "s600-rw").replace("w72-h72-p-k-no-nu", "s600-rw"), 1 == n.onScroll ? l.on("load resize scroll", function o() {
8051                l.scrollTop() + l.height() >= r.offset().top && (l.off("load resize scroll", o), s())
8052            }).trigger("scroll") : l.on("load", function o() {
8053                l.off("load", o), s()
8054            }).trigger("load")
8055        })
8056    }
8057}(jQuery);
8058
8059/*! jQuery replaceText | v1.1.0 - https://benalman.com/projects/jquery-replacetext-plugin */
8060!function(e){e.fn.replaceText=function(n,t,i){return this.each(function(){var o,r,l=this.firstChild,u=[];
8060if(l)do{3===l.nodeType&&(r=(o=l.nodeValue).replace(n,t))!==o&&(!i&&/</.test(r)?(e(l).before(r),u.push(l)):l.nodeValue=r)}while(l=l.nextSibling);u.length&&e(u).remove()})}}(jQuery);
8061
8062/*! Table of Contents | v0.4.1 - https://github.com/ndabas/toc */
8063!function(t){"use strict";var n=function(n){return this.each(function(){var e,i,a=t(this),o=a.data(),c=[a],r=this.tagName,d=0;e=t.extend({content:"body",headings:"h1,h2,h3"},{content:o.toc||void 0,headings:o.tocHeadings||void 0},n),i=e.headings.split(","),t(e.content).find(e.headings).attr("id",function(n,e){return e||function(t){0===t.length&&(t="?");for(var n=t.replace(/[^a-zA-Z ]/g, "").replace(/\s+/g,"_"),e="",i=1;null!==document.getElementById(n+e);)e="_"+i++;return n+e}(t(this).text())}).each(function(){var n=t(this),e=t.map(i,function(t,e){return n.is(t)?e:void 0})[0];if(e>d){var a=c[0].children("li:last")[0];a&&c.unshift(t("<"+r+"/>").appendTo(a))}else c.splice(0,Math.min(d-e,Math.max(c.length-1,0)));t("<li/>").appendTo(c[0]).append(t("<a/>").text(n.text()).attr("href","#"+n.attr("id"))),d=e})})},e=t.fn.toc;t.fn.toc=n,t.fn.toc.noConflict=function(){return t.fn.toc=e,this},t(function(){n.call(t("[data-toc]"))})}(window.jQuery);
8064
8065/*! Javascript Cookie | v1.5.1 - https://github.com/js-cookie/js-cookie */
8066!function(e){var n;if("function"==typeof define&&define.amd)define(["jquery"],e);else if("object"==typeof exports){try{n=require("jquery")}catch(e){}module.exports=e(n)}else{var o=window.Cookies,r=window.Cookies=e(window.jQuery);r.noConflict=function(){return window.Cookies=o,r}}}(function(e){var n=/\+/g;function o(e){return u.raw?e:encodeURIComponent(e)}function r(e){return o(u.json?JSON.stringify(e):String(e))}function t(e,o){var r=u.raw?e:function(e){0===e.indexOf('"')&&(e=e.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return e=decodeURIComponent(e.replace(n," ")),u.json?JSON.parse(e):e}catch(e){}}(e);return c(o)?o(r):r}function i(){for(var e,n,o=0,r={};o<arguments.length;o++)for(e in n=arguments[o])r[e]=n[e];return r}function c(e){return"[object Function]"===Object.prototype.toString.call(e)}var u=function(e,n,f){if(arguments.length>1&&!c(n)){if("number"==typeof(f=i(u.defaults,f)).expires){var s=f.expires,a=f.expires=new Date;a.setMilliseconds(a.getMilliseconds()+864e5*s)}return document.cookie=[o(e),"=",r(n),f.expires?"; expires="+f.expires.toUTCString():"",f.path?"; path="+f.path:"",f.domain?"; domain="+f.domain:"",f.secure?"; secure":""].join("")}for(var d,p=e?void 0:{},l=document.cookie?document.cookie.split("; "):[],m=0,v=l.length;m<v;m++){var g=l[m].split("="),w=(d=g.shift(),u.raw?d:decodeURIComponent(d)),j=g.join("=");if(e===w){p=t(j,n);break}e||void 0===(j=t(j))||(p[w]=j)}return p};return u.get=u.set=u,u.defaults={},u.remove=function(e,n){return u(e,"",i(n,{expires:-1})),!u(e)},e&&(e.cookie=u,e.removeCookie=u.remove),u});
8067//]]>
8068</script>
vendor: 1 bytes, line 8068
8068
8069<script type='text/javascript'>
8070//<![CDATA[
8071function templateifyShortCode(e, t, a) {
8072    for (var s = e.split("$"), r = /[^{\}]+(?=})/g, i = 0; i < s.length; i++) {
8073        var o = s[i].split("=");
8074        if (o[0].trim() == t) return null != (a = o[1]).match(r) && String(a.match(r)).trim()
8075    }
8076    return !1
8077}
8078
8079function darkModeLogo(e) {
8080    $("[data-dark-src]").each(function() {
8081        var t = $(this),
8082            a = t.data("dark-src"),
8083            s = t.data("src");
8084        "true" == e ? t.attr("src", a) : t.attr("src", s)
8085    })
8086}
8087
8088function msgError() {
8089    return '<span class="error-msg"><b>Error:</b>&nbsp;No Results Found</span>'
8090}
8091
8092function beforeLoader() {
8093    return '<div class="loader"></div>'
8094}
8095
8096function getFeedUrl(e, t, a, s) {
8097    switch (a) {
8098        case "recent":
8099            s = "/feeds/posts/default?alt=json&max-results=" + t;
8100            break;
8101        default:
8102            s = "comments" != e ? "/feeds/posts/default/-/" + a + "?alt=json&max-results=" + t : "/feeds/comments/default?alt=json&max-results=" + t
8103    }
8104    return s
8105}
8106
8107function getPostID(e, t, a) {
8108    return (a = e[t].id.$t) ? a.split("-").pop() : ""
8109}
8110
8111function getPostLink(e, t) {
8112    for (var a = 0; a < e[t].link.length; a++)
8113        if ("alternate" == e[t].link[a].rel) {
8114            var s = e[t].link[a].href;
8115            break
8116        }
8117    return s
8118}
8119
8120function getPostTitle(e, t, a) {
8121    return e[t].title.$t ? e[t].title.$t : templateifyMessages.noTitle
8122}
8123
8124function getPostAuthor(e, t, a, s) {
8125    return s = "" != templateifyMessages.postAuthorLabel ? '<span class="sp">' + templateifyMessages.postAuthorLabel + "</span>" : "", templateifyMessages.postAuthor ? '<span class="entry-author mi">' + s + '<span class="author-name">' + e[t].author[0].name.$t + "</span></span>" : ""
8126}
8127
8128function getPostDate(e, t, a, s, r, i) {
8129    monthNames = "undefined" != typeof monthNames ? monthNames : ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "
8129November", "December"], dateFormat = "undefined" != typeof dateFormat ? dateFormat : "{d}. {m} {y}";
8130    var o = e[t].published.$t,
8131        n = o.substring(0, 4),
8132        c = o.substring(5, 7),
8133        l = o.substring(8, 10),
8134        d = dateFormat.replace("{d}", l).replace("{m}", monthNames[parseInt(c, 10) - 1]).replace("{y}", n);
8135    return i = templateifyMessages.postAuthor && "" != templateifyMessages.postDateLabel ? '<span class="sp">' + templateifyMessages.postDateLabel + "</span>" : "", [1 == templateifyMessages.postDate ? '<span class="entry-time mi">' + i + '<time class="published" datetime="' + o + '">' + d + "</time></span>" : "", 1 == templateifyMessages.postDate ? '<span class="entry-time mi"><time class="published" datetime="' + o + '">' + d + "</time></span>" : ""]
8136}
8137
8138function getPostMeta(e, t, a, s, r) {
8139    //return [1 == templateifyMessages.postAuthor || 1 == templateifyMessages.postDate ? '<div class="entry-meta">' + e + t[0] + "</div>" : "", 1 == templateifyMessages.postDate ? '<div class="entry-meta">' + t[1] + "</div>" : ""]
8140return ["", ""];
8141}
8142
8143function getFirstImage(e) {
8144    var t = (e = $("<div>").html(e)).find("img").first().attr("src"),
8145        a = t.split("/"),
8146        s = "/" + a.slice(-2)[0];
8147    return 9 == a.length && (s.match(/\/s[0-9]+/g) || s.match(/\/w[0-9]+/g) || "/d" == s) && (t = t.replace(s, "/s600-rw")), t.replace("w139-h220-p-k-no-nu", "s600-rw").replace("w459-h220-p-k-no-nu", "s600-rw").replace("w253-h165-p-k-no-nu", "s600-rw").replace("w169-h110-p-k-no-nu", "s600-rw").replace("w72-h72-p-k-no-nu", "s600-rw")
8148}
8149
8150function getPostImage(e, t, a, s) {
8151    var r = e[t].content ? e[t].content.$t : "";
8152    return a = e[t].media$thumbnail ? e[t].media$thumbnail.url : "https://resources.blogblog.com/img/blank.gif", r.indexOf(r.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g)) > -1 ? r.indexOf("<img") > -1 ? r.indexOf(r.match(/<iframe(?:.+)?src=(?:.+)?(?:www.youtube.com)/g)) < r.indexOf("<img") ? a.replace("img.youtube.com", "i.ytimg.com").replace("/default.", "/maxresdefault.") : getFirstImage(r) : a.replace("img.youtube.com", "i.ytimg.com").replace("/default.", "/maxresdefault.") : r.indexOf("<img") > -1 ? getFirstImage(r) : "https://resources.blogblog.com/img/blank.gif"
8153}
8154
8155function getPostImageType(e, t) {
8156    return e.match("i.ytimg.com") ? "is-video" : "is-image"
8157}
8158
8159function getPostTag(e, t, a) {
8160    return e[t].category ? '<span class="entry-category">' + e[t].category[0].term + "</span>" : ""
8161}
8162
8163function getPostSummary(e, t, a, s, r) {
8164    return e[t].content && "" != (s = $(e[t].content.$t).text().trim()) ? '<span class="entry-excerpt excerpt">' + s.substr(0, a) + "…</span>" : ""
8165}
8166
8167function getPostComments(e, t, a, s, r) {
8168    var i = e[t].author[0].name.$t,
8169        o = e[t].author[0].gd$image.src.replace("/s113", "/s72-c").replace("/s220", "/s72-c");
8170    return (o.match("//img1.blogblog.com/img/blank.gif") || o.match("//img1.blogblog.com/img/b16-rounded.gif")) && (o = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsBGZQYpq4eBccpUt4PXLK9XDBBSQbz4ZgiXU4-j3ODxgRPcLyckvb9-g1J9CbCg3AlJ1e3Yi6ROCI3v8IH5DSsiQGEioDBxRFyIh4tGUeClHT26pTRvXbhje5yvD0B9whMEUTZEhdnNs/w72-h72-p-k-no-nu/avatar.jpg"), '<div class="cmm1-item item-' + t + '"><a class="entry-inner" href="' + a + '" title="' + i + '"><span class="entry-image-wrap cmm-avatar"><span class="entry-image" data-image="' + o + '"></span></span><div class="entry-header"><h2 class="entry-title cmm-title">' + i + '</h2><p class="cmm-snippet excerpt">' + s + "</p></div></a></div>"
8171}
8172
8173function getPostContent(e, t, a, s) {
8174    var r = "",
8175        i = (t.length, getPostLink(t, a)),
8176        o = getPostTitle(t, a),
8177        n = getPostAuthor(t, a),
8178        c = getPostDate(t, a),
8179        l = getPostImage(t, a).replace("w139-h220-p-k-no-nu", "s600-rw").replace("w459-h220-p-k-no-nu", "s600-rw").replace("w253-h165-p-k-no-nu", "s600-rw").replace("w169-h110-p-k-no-nu", "s600-rw").replace("w72-h72-p-k-no-nu", "s600-rw"),
8180        d = getPostImageType(l, a),
8181        p = getPostMeta(n, c),
8182        m = getPostTag(t, a);
8183    switch (e) {
8184        case "mega":
8185            r += '<div class="mega-item post"><a title="' + o + '" class="entry-image-wrap ' + d + '" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span>' + m + '</a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>";
8186            break;
8187        case "feat1":
8188        case "feat2":
8189        case "feat3":
8190            switch (a) {
8191                case 0:
8192                    r += '<div class="featured-item cs item-' + a + '"><a class="entry-inner" href="' + i + '" title="' + o + '"><span class="entry-image-wrap before-mask ' + d + '"><span class="entry-image" data-image="' + l + '"></span></span><div class="entry-header entry-info">' + m + '<h2 class="entry-title">' + o + "</h2>" + p[0] + "</div></a></div>";
8193                    break;
8194                default:
8195                    r += (1 == a ? '<div class="featured-grid">' : "") + '<div class="featured-item cs item-' + a + '"><a class="entry-inner" href="' + i + '" title="' + o + '"><span class="entry-image-wrap before-mask ' + d + '"><span class="entry-image" data-image="' + l + '"></span></span><div class="entry-header entry-info">' + m + '<h2 class="entry-title">' + o + "</h2>" + p[1] + "</div></a></div>"
8196            }
8197            break;
8198        case "block":
8199            switch (a) {
8200                case 0:
8201                    r += '<div class="block-item cs item-' + a + '"><a class="entry-inner" title="' + o + '" href="' + i + '"><span class="entry-image-wrap before-mask ' + d + '"><span class="entry-image" data-image="' + l + '"></span></span><div class="entry-header entry-info">' + m + '<h2 class="entry-title">' + o + "</h2>" + p[0] + getPostSummary(t, a, 74) + "</div></a></div>";
8202                    break;
8203                default:
8204                    r += (1 == a ? '<div class="block-list">' : "") + '<div class="block-item item-' + a + '"><a title="' + o + '" class="entry-image-wrap sz-1 ' + d + '" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span></a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>"
8205            }
8206            break;
8207        case "grid":
8208            r += '<div class="grid-item post"><a title="' + o + '" class="entry-image-wrap ' + d + '" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span>' + m + '</a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>";
8209            break;
8210        case "grid2":
8211            r += '<div class="grid2-item cs post"><a class="entry-inner" title="' + o + '" href="' + i + '"><span class="entry-image-wrap before-mask ' + d + '"><span class="entry-image" data-image="' + l + '"></span></span><div class="entry-header entry-info">' + m + '<h2 class="entry-title">' + o + "</h2>" + p[0] + "</div></a></div>";
8212            break;
8213        case "column":
8214            switch (a) {
8215                case 0:
8216                    r += '<div class="col-item cs item-' + a + '"><a class="entry-inner" href="' + i + '" title="' + o + '"><span class="entry-image-wrap before-mask ' + d + '"><span class="entry-image" data-image="' + l + '"></span></span><div class="entry-header entry-info">' + m + '<h2 class="entry-title">' + o + "</h2>" + p[0] + "</div></a></div>";
8217                    break;
8218                default:
8219                    r += '<div class="col-item item-' + a + '"><a title="' + o + '" class="entry-image-wrap sz-1 ' + d + '" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span></a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>"
8220            }
8221            break;
8222        case "video":
8223            switch (a) {
8224                case 0:
8225                    r += '<div class="video-item cs item-' + a + '"><a class="entry-inner" href="' + i + '" title="' + o + '"><span class="entry-image-wrap before-mask is-video"><span class="entry-image" data-image="' + l + '"></span></span><div class="entry-header entry-info">' + m + '<h2 class="entry-title">' + o + "</h2>" + p[0] + "</div></a></div>";
8226                    break;
8227                default:
8228                    r += (1 == a ? '<div class="video-grid">' : "") + '<div class="video-item item-' + a + '">
8228<a title="' + o + '" class="entry-image-wrap is-video" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span>' + m + '</a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>"
8229            }
8230            break;
8231        case "side1":
8232            switch (a) {
8233                case 0:
8234                    r += '<div class="side-item cs item-' + a + '"><a class="entry-inner" href="' + i + '" title="' + o + '"><span class="entry-image-wrap before-mask ' + d + '"><span class="entry-image" data-image="' + l + '"></span></span><div class="entry-header entry-info">' + m + '<h2 class="entry-title">' + o + "</h2>" + p[0] + "</div></a></div>";
8235                    break;
8236                default:
8237                    r += '<div class="side-item item-' + a + '"><a title="' + o + '" class="entry-image-wrap sz-1 ' + d + '" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span></a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>"
8238            }
8239            break;
8240        case "side2":
8241            r += '<div class="side-item item-' + a + '"><a title="' + o + '" class="entry-image-wrap sz-1 ' + d + '" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span></a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>";
8242            break;
8243        case "side3":
8244            r += '<div class="side3-item item-' + a + '"><a title="' + o + '" class="entry-image-wrap sz-2 ' + d + '" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span>' + m + '</a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>";
8245            break;
8246        case "comments":
8247            r += getPostComments(t, a, i, o);
8248            break;
8249        case "related":
8250            a != s - 1 && (r += '<div class="related-item item-' + a + '"><a title="' + o + '" class="entry-image-wrap ' + d + '" href="' + i + '"><span class="entry-image" data-image="' + l + '"></span>' + m + '</a><div class="entry-header"><h2 class="entry-title"><a href="' + i + '" title="' + o + '">' + o + "</a></h2>" + p[1] + "</div></div>")
8251    }
8252    return r
8253}
8254
8255function getRecentPostsData(e, t, a) {
8256    return $.ajax({
8257        url: getFeedUrl(e, t, "recent"),
8258        type: "GET",
8259        async: !1,
8260        dataType: "json",
8261        cache: !0,
8262        success: function(e) {
8263            return e
8264        }
8265    }).responseJSON
8266}
8267
8268function getPosts(e, t, a, s, r) {
8269    s = 0 != s ? s : "unlabeled", a = "related" != t ? a : Number(a) + 1, $.ajax({
8270        url: getFeedUrl(t, a, s),
8271        type: "GET",
8272        dataType: "json",
8273        cache: !0,
8274        beforeSend: function(a) {
8275            switch (t) {
8276                case "feat1":
8277                case "feat2":
8278                case "feat3":
8279                case "block":
8280                case "grid":
8281                case "grid2":
8282                case "column":
8283                case "video":
8284                case "side1":
8285                case "side2":
8286                case "side3":
8287                case "comments":
8288                case "related":
8289                    e.html(beforeLoader()).parent().addClass("type-" + t)
8290            }
8291        },
8292        success: function(i) {
8293            var o = "";
8294            switch (t) {
8295                case "mega":
8296                    o = '<div class="ul mega-items">';
8297                    break;
8298                case "feat1":
8299                case "feat2":
8300                case "feat3":
8301                    o = '<div class="featured-items">';
8302                    break;
8303                case "block":
8304                case "grid":
8305                case "grid2":
8306                case "column":
8307                case "video":
8308                    o = '<div class="content-block ' + t + '-items">';
8309                    break;
8310                case "side1":
8311                case "side2":
8312                    o = '<div class="side-items">';
8313                    break;
8314                case "side3":
8315                    o = '<div class="side3-items">';
8316                    break;
8317                case "comments":
8318                    o = '<div class="cmm1-items">';
8319                    break;
8320                case "related":
8321                    o = '<div class="related-posts">'
8322            }
8323            var n = i.feed.entry;
8324            if (n) {
8325                if ("related" == t) {
8326                    1 == n.length && "recent" != s && (n = (i = getRecentPostsData(t, a)).feed.entry);
8327                    for (let e = 0; e < n.length; e++)
8328                        if (1 != n.length && getPostID(n, e) == r) {
8329                            n.splice(e, 1);
8330                            break
8331                        }
8332                }
8333                for (var c = 0, l = n; c < l.length; c++) o += getPostContent(t, l, c, a)
8334            } else switch (t) {
8335                case "mega":
8336                    o = '<div class="ul mega-items no-items">' + msgError() + "</div>";
8337                    break;
8338                default:
8339                    o = msgError()
8340            }
8341            switch (t) {
8342                case "mega":
8343                    o += "</div>", e.append(o).addClass("mega"), e.find("a:first").attr("href", function(e, t) {
8344                        switch (s) {
8345                            case "recent":
8346                                t = t.replace(t, "/search");
8347                                break;
8348                            default:
8349                                t = t.replace(t, "/search/label/" + s)
8350                        }
8351                        return t
8352                    });
8353                    break;
8354                default:
8355                    o += "</div>", e.html(o)
8356            }
8357            e.find("span.entry-image").templateifyThumb()
8358        },
8359        error: function() {
8360            switch (t) {
8361                case "mega":
8362                    e.append('<div class="ul mega-items n
8362o-items">' + msgError() + "</div>");
8363                    break;
8364                default:
8365                    e.html(msgError())
8366            }
8367        }
8368    })
8369}
8370
8371function getMega(e, t, a, s, r) {
8372    r.match("getposts") && ("mega" == t ? getPosts(e, t, a, s) : e.append('<div class="ul mega-items no-items">' + msgError() + "</div>"))
8373}
8374
8375function getFeatured(e, t, a, s, r) {
8376    if (r.match("getposts")) {
8377        if ("feat1" == t || "feat2" == t || "feat3" == t) return getPosts(e, t, a, s);
8378        e.html(msgError())
8379    }
8380}
8381
8382function getBlock(e, t, a, s, r, i, o) {
8383    if (r.match("getposts")) {
8384        if ("block" == t || "grid" == t || "grid2" == t || "column" == t || "video" == t) return 0 != s && (i = "recent" == s ? "/search" : "/search/label/" + s, o = "" != viewAllText.trim() ? viewAllText : exportify.viewAll, e.parent().find(".widget-title").html('<h3 class="title"><a href="' + i + '" class="title-link">' + s + "</a></h3>")), getPosts(e, t, a, s);
8385        e.html(msgError())
8386    }
8387}
8388
8389function getWidget(e, t, a, s, r) {
8390    r.match("getposts") && ("side1" == t || "side2" == t || "side3" == t || "comments" == t ? getPosts(e, t, a, s) : e.html(msgError()))
8391}
8392
8393function getRelated(e, t, a, s, r) {
8394    getPosts(e, t, a, s, r)
8395}
8396
8397function disqusComments(e) {
8398    var t = document.createElement("script");
8399    t.type = "text/javascript", t.async = !0, t.src = "//" + e + ".disqus.com/blogger_item.js", document.getElementsByTagName("head")[0].appendChild(t)
8400}
8401
8402function beautiAvatar(e) {
8403    $(e).attr("src", function(e, t, a) {
8404        return a = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsBGZQYpq4eBccpUt4PXLK9XDBBSQbz4ZgiXU4-j3ODxgRPcLyckvb9-g1J9CbCg3AlJ1e3Yi6ROCI3v8IH5DSsiQGEioDBxRFyIh4tGUeClHT26pTRvXbhje5yvD0B9whMEUTZEhdnNs/s35/avatar.jpg", t = (t = (t = t.replace("//resources.blogblog.com/img/blank.gif", a)).replace("//lh3.googleusercontent.com/zFdxGE77vvD2w5xHy6jkVuElKv-U9_9qLkRYK8OnbDeJPtjSZ82UPq5w6hJ-SA=s35", a)).replace("/s35", "/s39")
8405    })
8406}
8407
8408function templateifyFixedSidebar(e) {
8409    $(e).each(function(e, t) {
8410        fixedSidebar = "undefined" == typeof fixedSidebar || fixedSidebar, 1 == fixedSidebar && (e = $(".header-inner").height(), t = 1 == fixedMenu ? e + 30 : 30, $(this).theiaStickySidebar({
8411            containerSelector: "#content-wrapper > .container",
8412            additionalMarginTop: t,
8413            additionalMarginBottom: 30
8414        }))
8415    })
8416}
8417fixedMenu = "undefined" == typeof fixedMenu || fixedMenu, viewAllText = "undefined" != typeof viewAllText ? viewAllText : templateifyMessages.viewAll, $("#pikify-pro-main-nav").templateifyMenu().find(".widget").addClass("show-menu"), $(".show-search").click(function(e) {
8418    e.preventDefault(), $("body").addClass("search-active"), $("#main-search-wrap").fadeIn(170).find("input").focus()
8419}), $(".search-close").click(function(e) {
8420    e.preventDefault(), $("body").removeClass("search-active"), $("#main-search-wrap").fadeOut(170).find("input").blur()
8421}), $("html").each(function() {
8422    var e = $(this),
8423        t = localStorage.darkMode;
8424    darkMode = "undefined" != typeof darkMode && darkMode, userDarkMode = "undefined" == typeof userDarkMode || userDarkMode, 1 != darkMode && 0 != userDarkMode && ("true" == t && (e.addClass("is-dark"), darkModeLogo(t)), $(".darkmode-toggle").click(function(a) {
8425        a.preventDefault(), e.toggleClass("is-dark"), t = "true" != t ? "true" : "false", localStorage.darkMode = t, darkModeLogo(t)
8426    }))
8427}), $(".main-title a.title-link").each(function() {
8428    "" != viewAllText.trim() && $(this).html(viewAllText)
8429}), $(".sidebar .social-icons a").each(function(e) {
8430    var t = $(this),
8431        a = t.attr("href").split("#");
8432    a[1] && "" != (e = a[1].trim()) && t.append('<span class="text">' + e + "</span>"), t.attr("href", a[0].trim())
8433}), $(".post-body a").each(function() {
8434    var e = $(this),
8435        t = e.text(),
8436        a = t.toLowerCase(),
8437        s = templateifyShortCode(t, "text");
8438    a.match("getbutton") && 0 != s && (e.replaceText(/([^{\}]+(?=}))/g, "<em>$1</em>"), e.find("em").replaceText("$", "%s"), e.each(function() {
8439        var e = $(this),
8440            t = e.text(),
8441            a = templateifyShortCode(t, "text"),
8442            s = templateifyShortCode(t, "icon"),
8443            r = templateifyShortCode(t, "color"),
8444            i = templateifyShortCode(t, "size"),
8445            o = templateifyShortCode(t, "info"),
8446            n = e.parent().attr("style");
8447        e.addClass(0 != i ? "button btn x2" : "button btn").text(a.replace("%s", "$")), n && n.match("center") && e.addClass("is-c"), 0 != o ? (e.addClass(0 != s ? "x2 " + s : "x2"), e.append('<span class="btn-info">' + o.replace("%s", "$") + "</span>")) : 0 != s && e.addClass(s), 0 != r && e.addClass("color").attr("style", "background-color:" + r + ";")
8448    }))
8449}), $(".post-body b").each(function() {
8450    var e = $(this),
8451        t = e.text(),
8452        a = t.toLowerCase().trim();
8453    a.match(/(?:\$ads\=\{1\})/g) && e.replaceWith('<div id="pikify-pro-new-before-ad"/>'), a.match(/(?:\$ads\=\{2\}
8453)/g) && e.replaceWith('<div id="pikify-pro-new-after-ad"/>'), a.match("{tocify}") && (t = 0 != (t = templateifyShortCode(t, "title")) ? t : "Table of Contents", e.replaceWith('<div class="templateify-toc-wrap"><div class="templateify-toc-inner"><a href="#" class="templateify-toc-title" role="button" title="' + t + '"><span class="templateify-toc-title-text">' + t + '</span></a><ol id="templateify-toc"></ol></div></div>'), $(".templateify-toc-title").each(function() {
8454        var e = $(this);
8455        e.click(function(t) {
8456            t.preventDefault(), e.toggleClass("is-expanded"), $("#templateify-toc").slideToggle(170)
8457        })
8458    }), $("#templateify-toc").toc({
8459        content: "#post-body",
8460        headings: "h2,h3,h4"
8461    }), $("#templateify-toc li a").each(function() {
8462        var e = $(this);
8463        e.click(function(t) {
8464            return t.preventDefault(), $("html,body").animate({
8465                scrollTop: $(e.attr("href")).offset().top - 20
8466            }, 500), !1
8467        })
8468    })), a.match("{contactform}") && (e.replaceWith('<div class="contact-form-widget"/>'), $("#post-body .contact-form-widget").append($("#ContactForm1 .contact-form-form"))), a.match("{leftsidebar}") && ($("body").addClass("is-left"), e.remove()), a.match("{rightsidebar}") && ($("body").addClass("is-right").removeClass("is-left"), e.remove()), a.match("{fullwidth}") && ($("body").addClass("no-sidebar"), e.remove())
8469}), $("#pikify-pro-new-before-ad").each(function() {
8470    var e = $(this);
8471    e.length && $("#before-ad").appendTo(e)
8472}), $("#pikify-pro-new-after-ad").each(function() {
8473    var e = $(this);
8474    e.length && $("#after-ad").appendTo(e)
8475}), $("#pikify-pro-main-before-ad .widget").each(function() {
8476    var e = $(this);
8477    e.length && e.appendTo($("#before-ad"))
8478}), $("#pikify-pro-main-after-ad .widget").each(function() {
8479    var e = $(this);
8480    e.length && e.appendTo($("#after-ad"))
8481}), $("#pikify-pro-post-footer-ads .widget").each(function() {
8482    var e = $(this);
8483    e.length && e.appendTo($("#post-footer-ads"))
8484}), $(".post-body blockquote").each(function() {
8485    var e = $(this),
8486        t = e.text().toLowerCase().trim(),
8487        a = e.html();
8488    if (t.match("{alertsuccess}")) {
8489        const t = a.replace("{alertSuccess}", "");
8490        e.replaceWith('<div class="alert-message alert-success">' + t + "</div>")
8491    }
8492    if (t.match("{alertinfo}")) {
8493        const t = a.replace("{alertInfo}", "");
8494        e.replaceWith('<div class="alert-message alert-info">' + t + "</div>")
8495    }
8496    if (t.match("{alertwarning}")) {
8497        const t = a.replace("{alertWarning}", "");
8498        e.replaceWith('<div class="alert-message alert-warning">' + t + "</div>")
8499    }
8500    if (t.match("{alerterror}")) {
8501        const t = a.replace("{alertError}", "");
8502        e.replaceWith('<div class="alert-message alert-error">' + t + "</div>")
8503    }
8504    if (t.match("{codebox}")) {
8505        const t = a.replace("{codeBox}", "");
8506        e.replaceWith('<pre class="code-box">' + t + "</pre>")
8507    }
8508}), $(".share-links .templateify-window").click(function(e) {
8509    e.preventDefault();
8510    var t = $(this),
8511        a = t.data("url"),
8512        s = t.data("width"),
8513        r = t.data("height");
8514    window.open(a, "_blank", "scrollbars=yes,resizable=yes,toolbar=0,width=" + s + ",height=" + r + ",top=50,left=50").focus()
8515}), $(".share-links .show-hid a").click(function(e) {
8516    e.preventDefault(), $(this).parent().parent().toggleClass("expanded")
8517}), $(".about-author .author-text").each(function() {
8518    var e = $(this),
8519        t = e.find("a");
8520    t.length && (t.each(function() {
8521        var e = $(this),
8522            t = e.text().trim(),
8523            a = e.attr("href");
8524        e.replaceWith('<li class="' + t + '"><a class="fa-' + t + '" href="' + a + '" title="' + t + '" rel="noopener noreferrer" target="_blank"/></li>')
8525    }), e.parent().append('<ul class="author-links social social-color"></ul>'), e.find("li").appendTo(e.parent().find(".author-links")))
8526}), $("#pikify-pro-main-nav-menu li.mega-menu").each(function(e, t) {
8527    var a = $(this),
8528        s = a.find("a").data("shortcode");
8529    s && (e = s.toLowerCase(), getMega(a, "mega", 5, templateifyShortCode(s, "label"), e))
8530}), $("#featured .HTML .widget-content").each(function(e, t, a) {
8531    var s = $(this),
8532        r = $(window),
8533        i = s.data("shortcode");
8534    i && (mtc = i.toLowerCase(), e = templateifyShortCode(i, "label"), t = templateifyShortCode(i, "style"), a = "feat2" == (t = 0 != t ? "feat" + t : "feat1") || "feat3" == t ? 5 : 4, r.on("load resize scroll", function i() {
8535        r.scrollTop() + r.height() >= s.offset().top && (r.off("load resize scroll", i), getFeatured(s, t, a, e, mtc))
8536    }).trigger("scroll"))
8537}), $(".content-section .HTML .widget-content").each(function(e, t, a, s, r) {
8538    var i = $(this),
8539        o = $(window),
8540        n = i.data("shortcode");
8541    n && (mtc = n.toLowerCase(), e = templateifyShortCode(n, "results"), t = templateifyShortCode(n, "label"), a = templateifyShortCode(n, "type"), templateifyShortCode(n, "col"), r = 0 != (r = templateifyShortCode(n, "style")) ? r : "1", "grid" == (a = "grid2" != a && a) && (a = "2" != r ? "grid" : "grid" + r), "col-left" != a && "col-right" != a || (i.parent().addClass("column-style").attr("data-align", "col-left" == a ? "left" : "right"), a = "column"), "video" == a && "1" == r && i.parent().addClass("video-style"), o.on("load resize scroll", function s() {
8542        o.scrollTop() + o.height() >= i.offset().top && (o.off("load resize scroll", s), getBlock(i, a, e, t, mtc))
8543    }).trigger("scroll"))
8544}), $(".templateify-section .HTML .widget-content").each(function(e, t, a, s, r) {
8545    var i = $(this),
8546        o = $(window),
8547        n = i.data("shortcode"),
8548        c = i.data("is");
8549    n && (e = n.toLowerCase(), t = templateifyShortCode(n, "results"), a = templateifyShortCode(n, "label"), s = templateifyShortCode(n, "type"), r = 0 != (r = templateifyShortCode(n, "style")) ? r : "1", s = "posts" != (s = 0 != s ? s : "posts") ? s : "side" + r, c && "footer" == c && (s = "side1" != s ? s : "side2"), o.on("load resize scroll", function r() {
8550        o.scrollTop() + o.height() >= i.offset().top && (o.off("load resize scroll", r), getWidget(i, s, t, a, e))
8551    }).trigger("scroll"))
8552}), $("#pikify-pro-related-posts .HTML").each(function(e, t) {
8553    var a = $(this).data("shortcode");
8554    if (a) {
8555        function s() {
8556            return e = templateifyShortCode(a, "title"), t = templateifyShortCode(a, "results"), [e, t]
8557        }
8558        $("#related-wrap").each(function(e, t, a) {
8559            var r = $(this),
8560                i = r.find(".related-tag"),
8561                o = $(window),
8562                n = r.find(".related-content"),
8563                c = s();
8564            e = 0 != c[1] ? c[1] : 3, 0 != c[0] && r.find(".related-title .title > span").text(c[0]), t = i.data("label"), a = i.data("id"), o.on("load resize scroll", function s() {
8565                o.scrollTop() + o.height() >= n.offset().top && (o.off("load resize scroll", s), getRelated(n, "related", e, t, a))
8566            }).trigger("scroll")
8567        })
8568    }
8569}), $(".pikify-pro-blog-post-comments").each(function() {
8570    var e = $(this),
8571        t = e.data("shortcode"),
8572        a = templateifyShortCode(t, "type"),
8573        s = "comments-system-" + a,
8574        r = e.find("#top-continue .comment-reply");
8575    switch (a) {
8576        case "disqus":
8577            var i = templateifyShortCode(t, "shortname");
8578            0 != i && (disqus_shortname = i), disqusComments(disqus_shortname), e.addClass(s + " is-visible");
8579            break;
8580        case "facebook":
8581            var o = templateifyShortCode(t, "lang"),
8582                n = 0 != o ? "https://connect.facebook.net/" + o + "/all.js#xfbml=1&version=v11.0" : "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v11.0";
8583            $("head").append('
8583<script async="async" defer="defer" crossorigin="anonymous" src="' + n + '"/>'), e.addClass(s).find("#comments").html('<div class="fb-comments" data-width="100%" data-href="' + disqus_blogger_current_url + '" order_by="time" data-numposts="5" data-lazy="true"></div>'), e.addClass("is-visible");
8584            break;
8585        case "hide":
8586            e.addClass("is-hidden");
8587            break;
8588        default:
8589            e.addClass("comments-system-blogger is-visible"), $(".entry-meta .entry-comments-link").addClass("show"), r.addClass("btn"), beautiAvatar(".avatar-image-container img")
8590    }
8591    var c = e.find(".comments .comment-reply"),
8592        l = e.find(".comments #top-continue"),
8593        d = e.find("#top-ce.comment-replybox-thread");
8594    c.click(function(e) {
8595        e.preventDefault(), l.show(), d.hide()
8596    }), l.click(function(e) {
8597        e.preventDefault(), l.hide(), d.show()
8598    })
8599}), $(function() {
8600    $(".entry-image-wrap .entry-image,.author-avatar-wrap .author-avatar").templateifyThumb(), $(".mobile-logo").each(function() {
8601        var e = $(this),
8602            t = $(".main-logo a").clone();
8603        t.find("h1").remove(), t.appendTo(e)
8604    }), $("#mobile-menu").each(function() {
8605        var e = $(this),
8606            t = $("#pikify-pro-main-nav-menu").clone();
8607        t.attr("id", "main-mobile-nav"), t.find(".mega-items").remove(), t.find(".mega-menu > a").each(function(e, t) {
8608            var a = $(this),
8609                s = a.data("shortcode");
8610            s && (t = "recent" == (e = templateifyShortCode(s, "label")) ? "/search" : "/search/label/" + e, a.attr("href", t))
8611        }), t.appendTo(e), $(".mobile-menu-toggle, .hide-mobile-menu, .overlay").click(function(e) {
8612            e.preventDefault(), $("body").toggleClass("nav-active")
8613        }), $(".mobile-menu .has-sub > a").after('<button class="submenu-toggle" value=""/>'), $(".mobile-menu .mega-menu").find(".submenu-toggle").remove(), $(".mobile-menu ul li .submenu-toggle").click(function() {
8614            var e = $(this);
8615            e.parent().hasClass("has-sub") && (e.parent().hasClass("expanded") ? e.parent().removeClass("expanded").find("> .m-sub").slideToggle(170) : e.parent().addClass("expanded").children(".m-sub").slideToggle(170))
8616        })
8617    }), $(".mm-footer .mm-social").each(function() {
8618        var e = $(this);
8619        $("#topbar ul.social").clone().appendTo(e)
8620    }), $(".mm-footer .mm-menu").each(function() {
8621        var e = $(this);
8622        $("#topbar ul.link-list").clone().appendTo(e)
8623    }), $(".header-inner").each(function() {
8624        var e = $(this);
8625        if (1 == fixedMenu && e.length > 0) {
8626            var t = $(document).scrollTop(),
8627                a = e.offset().top,
8628                s = e.height(),
8629                r = a + s + s;
8630            $(window).scroll(function(s) {
8631                (s = $(document).scrollTop()) > r ? e.addClass("is-fixed") : (s < a || s <= 1) && e.removeClass("is-fixed"), s < t ? setTimeout(function() {
8632                    e.addClass("show")
8633                }, 200) : setTimeout(function() {
8634                    e.removeClass("show")
8635                }, 200), t = s
8636            })
8637        }
8638    }), templateifyFixedSidebar("#main-wrapper, #sidebar-wrapper"), $("#post-body iframe").each(function() {
8639        var e = $(this);
8640        e.attr("src").match("www.youtube.com") && e.wrap('<div class="responsive-video-wrap"/>')
8641    }), $("p.comment-content").each(function() {
8642        var e = $(this);
8643        e.replaceText(/(https:\/\/\S+(\.png|\.jpeg|\.jpg|\.gif))/g, '<img src="$1"/>'), e.replaceText(/(?:https:\/\/)?(?:www\.)?(?:youtube\.com)\/(?:watch\?v=)?(.+)/g, '<div class="responsive-video-wrap"><iframe id="youtube" width="100%" height="358" src="https://www.youtube.com/embed/$1" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>')
8644    }), $("#pikify-pro-load-more-link").each(function() {
8645        var e = $(this),
8646            t = e.data("load");
8647        t && e.show(), e.click(function(a) {
8648            a.preventDefault(), e.hide(), $.ajax({
8649                url: t,
8650                success: function(a) {
8651                    var s = $(a).find(".blog-posts");
8652                    s.find(".index-post").addClass("post-animated post-fadeInUp"), $(".blog-posts").append(s.html()), (t = $(a).find("#pikify-pro-load-more-link").data("load")) ? e.show() : (e.hide(), $("#blog-pager .no-more").addClass("show"))
8653                },
8654                beforeSend: function() {
8655                    $("#blog-pager .loading").show()
8656                },
8657                complete: function() {
8658                    $("#blog-pager .loading").hide(), $(".index-post .entry-image-wrap .entry-image").templateifyThumb(), templateifyFixedSidebar("#main-wrapper, #sidebar-wrapper")
8659                }
8660            })
8661        })
8662    }), $("#pikify-pro-cookie-consent").each(function() {
8663        var e = $(this),
8664            t = e.find(".widget.Text").data("shortcode"),
8665            a = e.find(".consent-button");
8666        e.length > 0 && (t && (ok = templateifyShortCode(t, "ok"), days = templateifyShortCode(t, "days"), 0 != ok && a.text(ok), days = 0 != days ? Number(days) : 7), "1" !== $.cookie("pikify_pro_cookie_consent") && (e.css("display", "block"), $(window).on("load", function() {
8667            e.addClass("is-visible")
8668        }
8668)), a.off("click").click(function(t) {
8669            t.preventDefault(), t.stopPropagation(), $.cookie("pikify_pro_cookie_consent", "1", {
8670                expires: days,
8671                path: "/"
8672            }), e.removeClass("is-visible"), setTimeout(function() {
8673                e.css("display", "none")
8674            }, 500)
8675        }), cookieChoices = {})
8676    }), $("#back-top").each(function() {
8677        var e = $(this);
8678        $(window).on("scroll", function() {
8679            $(this).scrollTop() >= 100 ? e.addClass("show") : e.removeClass("show"), e.offset().top >= $("#footer-wrapper").offset().top - 34 ? e.addClass("on-footer") : e.removeClass("on-footer")
8680        }), e.click(function(e) {
8681            e.preventDefault(), $("html, body").animate({
8682                scrollTop: 0
8683            }, 500)
8684        })
8685    })
8686});
8687//]]>
8688</script>
8688
8689<!-- Blogger Scripts -->
8690<!-- Custom Scripts -->
8691<script type='text/javascript'>
8692   
8693    // Global Vars
8694    var isMobile = false;
8695    var canonialURL = "https://www.der-postillon.com/p/postillon-abo.html";
8696	 //<![CDATA[
8697    // Disqus
8698    var disqus_shortname = 'postillon';
8699
8700    var disqus_config = function () {
8701        // Replace PAGE_URL with your page's canonical URL variable
8702        this.page.url = canonialURL;  
8703
8704        // Replace PAGE_IDENTIFIER with your page's unique identifier variable
8705        this.page.identifier = canonialURL;  
8706    };
8707
8708    function loadPostillonComments(){
8709    document.getElementById("comment-wrapper").classList.add("hidden-element");
8710    document.getElementById("postillon-comments").classList.remove("hidden-element");
8711
8712    (function() {  // REQUIRED CONFIGURATION VARIABLE: EDIT THE SHORTNAME BELOW
8713        var d = document, s = d.createElement('script');
8714
8715        // IMPORTANT: Replace EXAMPLE with your forum shortname!
8716        s.src = 'https://' + disqus_shortname + '.disqus.com/embed.js';
8717
8718        s.setAttribute('data-timestamp', +new Date());
8719        (d.head || d.body).appendChild(s);
8720    })();
8721    }
8722
8723
8724    // copy link button functionality
8725    $(".share-links .copy-link-button").click(function(e) {
8726        console.log('Button clicked!!');
8727        e.preventDefault();
8728        var t = $(this),
8729            a = t.data("url");
8730        console.log(a);
8731        copyToClipboard(a)
8732          .then(() => showToast('Link kopiert!'))
8733          .catch(() => {
8734                console.log('Copy failed, trying textAreaMethod');
8735                textAreaCopyMethod(a)
8736                    .then(() => showToast('Link kopiert!'))
8737                    .catch(() => showToast('Ups, da ging was schief!'))
8738            });
8739    });
8740
8741    // return a promise
8742    function copyToClipboard(textToCopy) {
8743        // navigator clipboard api needs a secure context (https)
8744        if (navigator.clipboard && window.isSecureContext) {
8745            // navigator clipboard api method'
8746            return navigator.clipboard.writeText(textToCopy);
8747        } else {
8748            return textAreaCopyMethod(textToCopy);
8749        }
8750    }
8751
8752    function textAreaCopyMethod(textToCopy) {
8753        // text area method
8754        let textArea = document.createElement("textarea");
8755        textArea.value = textToCopy;
8756        // make the textarea out of viewport
8757        textArea.style.position = "fixed";
8758        textArea.style.left = "-999999px";
8759        textArea.style.top = "-999999px";
8760        document.body.appendChild(textArea);
8761        textArea.focus();
8762        textArea.select();
8763        return new Promise((res, rej) => {
8764            // here the magic happens
8765            document.execCommand('copy') ? res() : rej();
8766            textArea.remove();
8767        });
8768    }
8769
8770    function showToast(text) {
8771        // Get the snackbar DIV
8772        var x = document.getElementById("snackbar");
8773        x.innerHTML = text;
8774        // Add the "show" class to DIV
8775        x.className = "show";
8776
8777        // After 3 seconds, remove the show class from DIV
8778        setTimeout(function () {
8779            x.className = x.className.replace("show", "");
8780        }, 3000);
8781        console.log('in ShowToast');	
8782    }
8783
8784
8785
8786
8787
8788
8789//]]>    
8790</script>
vendor: 1 bytes, line 8790
8790
8791<script>
8792    // Bild-Quellen und zugehörige Ziel-Links Sidebar / Mobil (300x250 px)
8793    const bilder300 = [
8794        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfis_t8_fIEmEriRBMv_Of8sg_KEUk4M6MLyRuT5TJYe_olKFjIgAoTZXYf2pGBKg-VhQgS-fkgW3NBK71mxbFTgKtSDFv56bagsu5f3tdt3a5Zv82WBnZVYkNA7anqaGQBqgI7D2OUeqPrG_9rDyzA-NG2sr_0RbYA8gm8wpFHNiDcrlXBQfoLVBwD2Q/s1600-rw/Tierfaktenbuch_sidebar2_zeitlos.jpg", link: "https://shopillon.de/shop/buecher-magazine/faktillon-faktzination-tierwelt-100-unglaubliche-fakten-ueber-tiere/" },
8795        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJfm6RvDhhzG6a2HIKvL-KIpZR-9pF5RzM3JEhboOvrz938GzCPLk5cJZg0fTwNxXFpfS5AA5O-pfuGyiXFWMAy4UVuIqu6JnrFjVRYD5KJuoC425pk0omFd_r0fWQTD2QLGNpUKFyHMYKiP2BCsFVqXABrxF4zkGg-MNapeQRMyywSXqfp3COcNhp8Tw/s1600/300x250_mq_cards.jpg", link: "https://shopillon.de/shop/spiele/minderheiten-quartett/" },
8796        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZBMWKJlg1VAboQbYz80dbJETrBH_IX8bG7M3own9ZW-n-1au9TymZWUH4uJh2DiAWpDlxaZJEQx82LqVNAZmJL_vAB-mKfH1ZZ1PXQ1GQa8Qw6NSFG-AB6kqp7IKqqJsn4w9q73Ms0j3lDgnyKD6y_13jwBqEP-vpRvzBTikc14SltdV7KuSOoa_C2eI/s1600/300x250_klamotten.jpg", link: "https://shopillon.de/product-category/klamotten/" },
8797        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiy9h5jQsBUlR8PyPV_09lXP8J9YVG-0IQzoOhyphenhyphenmLvvD_9n5tVW39yChOUALqYjv9I6J0ZzTww0dR6HjVIAUniXPVa4qFBKiGTudibys1cF34dbvbMr_ynx3iYTnqgJMuwRHimJ1PEDkVGCCBj63wQSFzi7qW33A9e12j0VOW_TKXWKbzq5Vmw7fmW441E/s1600-rw/UncleFritz-Banner_Shop_Klein.png", link: "https://shopillon.de/product-category/uncle-fritz-collection/" },
8798        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiEhanEejqhh47durcEqMeIQ3Lr-zzIfWxakfDonIjN9nqdoA6zwUK4Vn-94Xk7l_Ph_t1ZAZ4SvlXLrQIcT7aX5OIg7Fe4M2I_RXMfV4M75JA1xoKXnvyylp29HG25c5jAr9IE3tKDa7B2Nqw8hpW4NiVe0kPleS_MGqRuf95g9IQsYGWtPSn0x6fx_y0/s1600/300x250_RR2.jpg", link: "https://shopillon.de/die-postillon-raetselrakete-das-satirische-raetselheft/" },
8799    { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoeExF43SBA_asMfash4EPETPWk2dUiWxQi2zTfor2u8MByj8JimdcB_WLtLvRSYBWaYEst80Q2k44KTVSqswG6u7NTkICrnylFcZUjyFg1P0MYbXagYVjYoEraOZ35r0potiiHxt4ZOa6lTO4i79-Yfur3bsWOA6hXAFNcjENq794oI7wSMCe2UddtR0/s1600-rw/MEGA_Sidebar_mobil.jpg", link: "https://shopillon.de/shop/buecher-magazine/der-postillon-mega-make-ehrlichkeit-great-again-jahrbuch-2025/" }
8800    ];
8801 
8802    // Bild-Quellen und zugehörige Ziel-Links unter Artikel (548x300 px)
8803    const bilder548 = [
8804        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh477mvP9ynlnA_70fwKpdM3hECiYSh0Ovh8clHEeJEQHqNyL6olpgnxK66lckEEGgkevjYj6kFu5ALZYQ4E6YPEyO5LLFk-VDy4k0aosQdzQFs7PBDNT7voYNFNy9F4lgAtjijQNswoUZH1NZUSVkFYnfCTpOz8jYK0_Tsq-zFltYHnwYbLOnOXZ0C_OQ/s1600/548x300_FA-Buch.jpg", link: "https://shopillon.de/shop/buecher-magazine/faktillon-faktzination-tierwelt-100-unglaubliche-fakten-ueber-tiere/" },
8805        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSF1WHkcRbhByf2CxQpxsiyYNAApRYJD5aBTsIyxYaCJ1CVVPCeBlt6DMui4JUPoi0NS9-zwzlAEdZUyrTa6pOMs6QcP8WTB2CK1BwjoNrikr9Mzi9F7fUNucLNl7K8Pb6jNUsxNYa5J-Ib31mP3XBpBKSdEoHskOfAoCoQwSrnELAiVm68VxZ7EPgyYo/s1600/548x300_mq_cards.jpg", link: "https://shopillon.de/shop/spiele/minderheiten-quartett/" },
8806        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhl1T0H4p1mRnxsBRm4FIkyV1IRgswzeX2AeXH5EKYLaAQURATJm2Y3w4uewyqH_iT3Mx00ac91klP2Y0HiVds3EIDrdcvG7I0rghSgj5RGhg939xyNSrtUhYZwvek8CRdO-bZWrUQtvifB9Hf0nb03LmDmGe0yU8Vi8_86RkP6Algr-xyr2u_Ul-TasRU/s1600/548x300_klamotten.jpg", link: "https://shopillon.de/product-category/klamotten/" },
8807        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmDPUitTgu694uxWxVN8ph4Cq6jGOVnhTRTxFZUTFURqK0uRt_OwIewSrpTo5nj0SJopgIdOhybIjVPwQ0A_E3vJN64jgKyFnnj5PxsdNteZ3tXQjAOZqBH8DFeNBFn1wKqCD66Dq_azkqqNsjj1le3-AtI_hAM9gFLVD0eTriVRmeHLEohnVo38koLlY/s1600-rw/UncleFritz-Banner_Shop_Minderleister.jpg", link: "https://shopillon.de/product-category/uncle-fritz-collection/" },
8808        { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGBwY3MajrNNJDSJlM8rrcCg5e1HvFhgrG9ENhpEwD1SAyDzYWzcuX6vPtTJbU1ZdXcL1hWCuOucnWYDnly3xyLMAa7PpfljZhYaiVG7ZvEmc8wLnFJN3Nxi9Wbp9pTmb0RxTd3pTOieXVszylHqgdV2SZ6MfGm4c350p9krCWfpSKg_XNlnjTDiZcq68/s1600/548x300_RR2.jpg", link: "https://shopillon.de/die-postillon-raetselrakete-das-satirische
8808-raetselheft/" },
8809    { src: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgDsSwlIM3SyKJzdVuQePZeiteEvCywKFSaSoDw4WdKnXRY_Gr8Y6LgX4VXA4XO_f7yDh2XahckS6-pLvk8pxS1YhH0ZmEWbLj2ha1W1G9pCo7yt6UUi6bn_cfUfP_FLrLELitq1laizbIWeLWJIEJSAFRyEr4HK9Df7hQ6vo4iMVZ-yYJzdPK4ylpMqeg/s1600-rw/Buch_MEGA_Artikel_unten.jpg", link: "https://shopillon.de/shop/buecher-magazine/der-postillon-mega-make-ehrlichkeit-great-again-jahrbuch-2025/" } 
8810    ];
8811 //<![CDATA[
8812let aktuellerLink1 = "";
8813let aktuellerLink2 = "";
8814
8815// 🔥 Hauptfunktion
8816function zeigeZufallsbilder() {
8817    const index300 = Math.floor(Math.random() * bilder300.length);
8818    const index548 = Math.floor(Math.random() * bilder548.length);
8819
8820    const bild1 = document.getElementById("bild1");
8821    const bild2 = document.getElementById("bild2");
8822
8823    if (bild1) {
8824        bild1.src = bilder300[index300].src;
8825        aktuellerLink1 = bilder300[index300].link;
8826
8827        bild1.onclick = () => {
8828            window.open(aktuellerLink1, "_blank");
8829        };
8830    }
8831
8832    if (bild2) {
8833        bild2.src = bilder548[index548].src;
8834        aktuellerLink2 = bilder548[index548].link;
8835
8836        bild2.onclick = () => {
8837            window.open(aktuellerLink2, "_blank");
8838        };
8839    }
8840}
8841
8842
8843// 🔥 Polling-Mechanismus (Ersatz für MutationObserver)
8844function initBildLoader() {
8845    const check = setInterval(() => {
8846        const bild1 = document.getElementById("bild1");
8847        const bild2 = document.getElementById("bild2");
8848
8849        // Mobil: nur bild1 reicht
8850        if (bild1 || bild2) {
8851            console.log("✅ Bild-Element(e) gefunden → starte Initialisierung");
8852            clearInterval(check);
8853            zeigeZufallsbilder();
8854        }
8855    }, 100);
8856}
8857
8858
8859// 🔥 Start
8860initBildLoader();
8861
8862 //]]>    
8863</script>
8863
8864<!-- /Custom Scripts -->
8865<script>
8866AdController.finalize(); //Signalisiert dem AdController, dass keine weiteren AdCall-Aufrufe auf dieser Seite folgen
8867</script>
8867
8868<!-- IQDComplete: Seitenlade-Signal an iq digital, sobald alle Inhalte geladen sind -->
8869<script>
8870    var IQDComplete = {
8871        init: function () {
8872            return true;
8873        }
8874    };
8875      // Wird nach dem vollständigen Laden aller Ressourcen und dynamischen Inhalte gesendet
8876    window.addEventListener('load', function () {
8877        IQDComplete.init();
8878    });
8879  </script>
8879
8880<!-- Go to www.addthis.com/dashboard to customize your tools 
8880<script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-51433fa9385897be' type='text/javascript'/>-->
8881<script type='text/javascript'>
8882//<![CDATA[
8883var uri = window.location.toString();
8884if (uri.indexOf("%3D","%3D") > 0) {
8885var clean_uri = uri.substring(0, uri.indexOf("%3D"));
8886window.history.replaceState({}, document.title, clean_uri);
8887}
8888var uri = window.location.toString();
8889if (uri.indexOf("%3D%3D","%3D%3D") > 0) {
8890var clean_uri = uri.substring(0, uri.indexOf("%3D%3D"));
8891window.history.replaceState({}, document.title, clean_uri);
8892}
8893var uri = window.location.toString();
8894if (uri.indexOf("&m=1","&m=1") > 0) {
8895var clean_uri = uri.substring(0, uri.indexOf("&m=1"));
8896window.history.replaceState({}, document.title, clean_uri);
8897}
8898var uri = window.location.toString();
8899if (uri.indexOf("?m=1","?m=1") > 0) {
8900var clean_uri = uri.substring(0, uri.indexOf("?m=1"));
8901window.history.replaceState({}, document.title, clean_uri);
8902}
8903//]]>
8904</script>
vendor: 1 bytes, line 8904
8904
8905<script>
8906  window.addEventListener('load', function() {
8907    var script = document.createElement('script');
8908    script.src = 'https://steadyhq.com/widget_loader/55d88499-8ba6-4d61-ab00-fe4649383b65';
8909    document.body.appendChild(script);
8910  });
8911</script>
vendor: 1 bytes, line 8911
8911
8912<script>
8913  function flipWidget(container) {
8914    container.classList.toggle('flip');
8915    var cursor = container.querySelector('.cursor');
8916    if (cursor) {
8917      cursor.style.display = 'none';
8918    }
8919  }
8920</script>
8920
8921
8922<script type="text/javascript" src="https://www.blogger.com/static/v1/widgets/851759228-widgets.js"></script>
vendor: 1 bytes, line 8922
8922
8923<script type='text/javascript'>
8924window['__wavt'] = 'AAPvtVkyjnCrt1vr8UKKxA6FrZQt:1790241124010';_WidgetManager._Init('//www.blogger.com/rearrange?blogID\x3d746298260979647434','//www.der-postillon.com/p/postillon-abo.html','746298260979647434');
8925_WidgetManager._SetDataContext([{'name': 'blog', 'data': {'blogId': '746298260979647434', 'title': 'Der Postillon', 'url': 'https://www.der-postillon.com/p/postillon-abo.html', 'canonicalUrl': 'https://www.der-postillon.com/p/postillon-abo.html', 'homepageUrl': 'https://www.der-postillon.com/', 'searchUrl': 'https://www.der-postillon.com/search', 'canonicalHomepageUrl': 'https://www.der-postillon.com/', 'blogspotFaviconUrl': 'https://www.der-postillon.com/favicon.ico', 'bloggerUrl': 'https://www.blogger.com', 'hasCustomDomain': true, 'httpsEnabled': true, 'enabledCommentProfileImages': true, 'gPlusViewType': 'FILTERED_POSTMOD', 'adultContent': false, 'analyticsAccountNumber': 'G-L4M88Q7ESM', 'analytics4': true, 'encoding': 'UTF-8', 'locale': 'de', 'localeUnderscoreDelimited': 'de', 'languageDirection': 'ltr', 'isPrivate': false, 'isMobile': false, 'isMobileRequest': false, 'mobileClass': '', 'isPrivateBlog': false, 'isDynamicViewsAvailable': true, 'feedLinks': '\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Der Postillon - Atom\x22 href\x3d\x22https://www.der-postillon.com/feeds/posts/default\x22 /\x3e\n\x3clink rel\x3d\x22alternate\x22 type\x3d\x22application/rss+xml\x22 title\x3d\x22Der Postillon - RSS\x22 href\x3d\x22https://www.der-postillon.com/feeds/posts/default?alt\x3drss\x22 /\x3e\n\x3clink rel\x3d\x22service.post\x22 type\x3d\x22application/atom+xml\x22 title\x3d\x22Der Postillon - Atom\x22 href\x3d\x22https://www.blogger.com/feeds/746298260979647434/posts/default\x22 /\x3e\n', 'meTag': '', 'adsenseClientId': 'ca-pub-7093365481881392', 'adsenseHostId': 'ca-host-pub-1556223355139109', 'adsenseHasAds': false, 'adsenseAutoAds': false, 'boqCommentIframeForm': true, 'loginRedirectParam': '', 'view': '', 'dynamicViewsCommentsSrc': '//www.blogblog.com/dynamicviews/4224c15c4e7c9321/js/comments.js', 'dynamicViewsScriptSrc': '//www.blogblog.com/dynamicviews/31d4351e075118ef', 'plusOneApiSrc': 'https://apis.google.com/js/platform.js', 'disableGComments': true, 'interstitialAccepted': false, 'sharing': {'platforms': [{'name': 'Link abrufen', 'key': 'link', 'shareMessage': 'Link abrufen', 'target': ''}, {'name': 'Facebook', 'key': 'facebook', 'shareMessage': '\xdcber Facebook teilen', 'target': 'facebook'}, {'name': 'BlogThis!', 'key': 'blogThis', 'shareMessage': 'BlogThis!', 'target': 'blog'}, {'name': 'X', 'key': 'twitter', 'shareMessage': '\xdcber X teilen', 'target': 'twitter'}, {'name': 'Pinterest', 'key': 'pinterest', 'shareMessage': '\xdcber Pinterest teilen', 'target': 'pinterest'}, {'name': 'E-Mail', 'key': 'email', 'shareMessage': 'E-Mail', 'target': 'email'}], 'disableGooglePlus': true, 'googlePlusShareButtonWidth': 0, 'googlePlusBootstrap': '\x3cscript type\x3d\x22text/javascript\x22\x3ewindow.___gcfg \x3d {\x27lang\x27: \x27de\x27};\x3c/script\x3e'}
8925, 'hasCustomJumpLinkMessage': true, 'jumpLinkMessage': 'mehr...', 'pageType': 'static_page', 'pageId': '4763596794588042569', 'pageName': 'Unterst\xfctze seri\xf6sen Journalismus und hol dir den Postillon digital oder auf Papier!', 'pageTitle': 'Der Postillon: Unterst\xfctze seri\xf6sen Journalismus und hol dir den Postillon digital oder auf Papier!', 'metaDescription': 'Du willst den Postillon so lesen, wie man ihn schon 1845 gelesen hat \u2013 auf sch\xf6nstem Papier, das angenehm knistert, herrlich duftet und beim Abwischen'}}, {'name': 'features', 'data': {}}, {'name': 'messages', 'data': {'edit': 'Bearbeiten', 'linkCopiedToClipboard': 'Link in Zwischenablage kopiert.', 'ok': 'Ok', 'postLink': 'Link zum Post'}}, {'name': 'template', 'data': {'name': 'custom', 'localizedName': 'Benutzerdefiniert', 'isResponsive': true, 'isAlternateRendering': false, 'isCustom': true}}, {'name': 'view', 'data': {'classic': {'name': 'classic', 'url': '?view\x3dclassic'}, 'flipcard': {'name': 'flipcard', 'url': '?view\x3dflipcard'}, 'magazine': {'name': 'magazine', 'url': '?view\x3dmagazine'}, 'mosaic': {'name': 'mosaic', 'url': '?view\x3dmosaic'}, 'sidebar': {'name': 'sidebar', 'url': '?view\x3dsidebar'}, 'snapshot': {'name': 'snapshot', 'url': '?view\x3dsnapshot'}, 'timeslide': {'name': 'timeslide', 'url': '?view\x3dtimeslide'}, 'isMobile': false, 'title': 'Unterst\xfctze seri\xf6sen Journalismus und hol dir den Postillon digital oder auf Papier!', 'description': 'Du willst den Postillon so lesen, wie man ihn schon 1845 gelesen hat \u2013 auf sch\xf6nstem Papier, das angenehm knistert, herrlich duftet und beim Abwischen', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvm5wR44oAo2HhSahy8mEI8os81rdYGwV4RMPx3aBCCNjJylOp8XnDDz6ezYqCVmF-xcVKawbDoKvGfD62QZLypHqVuWCYv2m3Y6j-Dcj7obmHVlSKQzpT993L9kwEqHukbTRgGGxxsyhfS_UFRhTUyszn1uB6WsKNfaR5mbXmcZBsR54Pn00MStnkclp/s1600/Postillon-Abo-Hauptbild-1.jpg', 'url': 'https://www.der-postillon.com/p/postillon-abo.html', 'type': 'item', 'isSingleItem': true, 'isMultipleItems': false, 'isError': false, 'isPage': true, 'isPost': false, 'isHomepage': false, 'isArchive': false, 'isLabelSearch': false, 'pageId': 4763596794588042569}}, {'name': 'widgets', 'data': [{'title': 'Facebook SDK', 'type': 'TextList', 'sectionId': 'templateify-panel', 'id': 'TextList100'}, {'title': 'Default Thumbnail', 'type': 'Image', 'sectionId': 'templateify-panel', 'id': 'Image52'}, {'title': 'JSON Variables', 'type': 'HTML', 'sectionId': 'templateify-panel', 'id': 'HTML50'}, {'title': '', 'type': 'Image', 'sectionId': 'main-logo', 'id': 'Image50'}, {'title': '', 'type': 'LinkList', 'sectionId': 'pikify-pro-main-nav', 'id': 'LinkList200'}, {'title': 'Pages', 'type': 'LinkList', 'sectionId': 'topbar', 'id': 'LinkList201'}, {'title': 'Der Postillon im Netz', 'type': 'LinkList', 'sectionId': 'topbar', 'id': 'LinkList202'}, {'title': '', 'type': 'HTML', 'sectionId': 'newsticker', 'id': 'HTML25'}, {'title': '', 'type': 'HTML', 'sectionId': 'featured', 'id': 'HTML11'}, {'title': 'Politik', 'type': 'HTML', 'sectionId': 'content-section-1', 'id': 'HTML14'}, {'title': 'Wirtschaft', 'type': 'HTML', 'sectionId': 'content-section-1', 'id': 'HTML7'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'content-section-1', 'id': 'HTML24'}, {'title': 'Sport', 'type': 'HTML', 'sectionId': 'content-section-1', 'id': 'HTML8'}, {'title': 'Wissenschaft', 'type': 'HTML', 'sectionId': 'content-section-1', 'id': 'HTML13'}, {'title': 'Blogposts', 'type': 'Blog', 'sectionId': 'main', 'id': 'Blog1', 'posts': [{'id': '4763596794588042569', 'title': 'Unterst\xfctze seri\xf6sen Journalismus und hol dir den Postillon digital oder auf Papier!', 'featuredImage': 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMvm5wR44oAo2HhSahy8mEI8os81rdYGwV4RMPx3aBCCNjJylOp8XnDDz6ezYqCVmF-xcVKawbDoKvGfD62QZLypHqVuWCYv2m3Y6j-Dcj7obmHVlSKQzpT993L9kwEqHukbTRgGGxxsyhfS_UFRhTUyszn1uB6WsKNfaR5mbXmcZBsR54Pn00MStnkclp/s1600/Postillon-Abo-Hauptbild-1.jpg', 'showInlineAds': false}], 'footerBylines': [{'regionName': 'footer1', 'items': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': '-'}]}], 'allBylineItems': [{'name': 'share', 'label': ''}, {'name': 'timestamp', 'label': '-'}]}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'pikify-pro-post-footer-ads', 'id': 'HTML27'}, {'title': 'Kommentare', 'type': 'HTML', 'sectionId': 'pikify-pro-post-footer-ads', 'id': 'HTML22'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'pikify-pro-post-footer-ads', 'id': 'HTML31'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'pikify-pro-post-footer-ads', 'id': 'HTML9'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'pikify-pro-post-footer-ads', 'id': 'HTML4'}, {'title': 'Postill-O-Mat', 'type': 'HTML', 'sectionId': 'pikify-pro-post-footer-ads', 'id': 'HTML29'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'pikify-pro-post-footer-ads', 'id': 'HTML32'}, {'title': 'Leute', 'type': 'HTML', 'sectionId': 'content-section-2', 'id': 'HTML15'}, {'title': 'Panorama', 'type': 'HTML', 'sectionId': 'content-section-2', 'id': 'HTML10'}, {'title': 'Abonnieren', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML30'}, {'title': 'KI-Projekte', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML18'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML2'}, {'title': 'Bilder des Tages', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML17'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML5'}, {'title': 'Aus dem Archiv', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML6'}, {'title': 'Postillon Minus', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML19'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML26'}, {'title': 'Neu auf YouTube', 'type': 'HTML', 'sectionId': 'sidebar', 'id': 'HTML21'}, {'title': 'Reklame', 'type': 'HTML', 'sectionId': 'footer-ads', 'id': 'HTML3'}, {'title': 'Der Postillon im Netz', 'type': 'LinkList', 'sectionId': 'pikify-pro-about-section', 'id': 'LinkList203'}, {'title': 'Mail Abo | Die neuesten Meldungen per Mail erhalten.', 'type': 'HTML', 'sectionId': 'footer-col-1', 'id': 'HTML20'}, {'title': 'Neueste Artikel', 'type': 'HTML', 'sectionId': 'footer-col-2', 'id': 'HTML16'}, {'title': 'Den Postillon abonnieren', 'type': 'Image', 'sectionId': 'footer-col-3', 'id': 'Image1'}, {'title': '', 'type': 'Text', 'sectionId': 'footer-copyright', 'id': 'Text50'}, {'title': 'Pages', 'type': 'LinkList', 'sectionId': 'footer-menu', 'id': 'LinkList204'}, {'title': 'Kontaktformular', 'type': 'ContactForm', 'sectionId': 'hidden-widgets', 'id': 'ContactForm1'}]}]);
8926_WidgetManager._RegisterWidget('_TextListView', new _WidgetInfo('TextList100', 'templateify-p
8926anel', document.getElementById('TextList100'), {}, 'displayModeFull'));
8927_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image52', 'templateify-panel', document.getElementById('Image52'), {'resize': false}, 'displayModeFull'));
8928_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML50', 'templateify-panel', document.getElementById('HTML50'), {}, 'displayModeFull'));
8929_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image50', 'main-logo', document.getElementById('Image50'), {'resize': false}, 'displayModeFull'));
8930_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList200', 'pikify-pro-main-nav', document.getElementById('LinkList200'), {}, 'displayModeFull'));
8931_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList201', 'topbar', document.getElementById('LinkList201'), {}, 'displayModeFull'));
8932_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList202', 'topbar', document.getElementById('LinkList202'), {}, 'displayModeFull'));
8933_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML25', 'newsticker', document.getElementById('HTML25'), {}, 'displayModeFull'));
8934_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML11', 'featured', document.getElementById('HTML11'), {}, 'displayModeFull'));
8935_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML14', 'content-section-1', document.getElementById('HTML14'), {}, 'displayModeFull'));
8936_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML7', 'content-section-1', document.getElementById('HTML7'), {}, 'displayModeFull'));
8937_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML24', 'content-section-1', document.getElementById('HTML24'), {}, 'displayModeFull'));
8938_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML8', 'content-section-1', document.getElementById('HTML8'), {}, 'displayModeFull'));
8939_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML13', 'content-section-1', document.getElementById('HTML13'), {}, 'displayModeFull'));
8940_WidgetManager._RegisterWidget('_BlogView', new _WidgetInfo('Blog1', 'main', document.getElementById('Blog1'), {'cmtInteractionsEnabled': false}, 'displayModeFull'));
8941_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML27', 'pikify-pro-post-footer-ads', document.getElementById('HTML27'), {}, 'displayModeFull'));
8942_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML22', 'pikify-pro-post-footer-ads', document.getElementById('HTML22'), {}, 'displayModeFull'));
8943_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML31', 'pikify-pro-post-footer-ads', document.getElementById('HTML31'), {}, 'displayModeFull'));
8944_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML9', 'pikify-pro-post-footer-ads', document.getElementById('HTML9'), {}, 'displayModeFull'));
8945_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML4', 'pikify-pro-post-footer-ads', document.getElementById('HTML4'), {}, 'displayModeFull'));
8946_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML29', 'pikify-pro-post-footer-ads', document.getElementById('HTML29'), {}, 'displayModeFull'));
8947_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML32', 'pikify-pro-post-footer-ads', document.getElementById('HTML32'), {}, 'displayModeFull'));
8948_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML15', 'content-section-2', document.getElementById('HTML15'), {}, 'displayModeFull'));
8949_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML10', 'content-section-2', document.getElementById('HTML10'), {}, 'displayModeFull'));
8950_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML30', 'sidebar', document.getElementById('HTML30'), {}, 'displayModeFull'));
8951_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML18', 'sidebar', document.getElementById('HTML18'), {}, 'displayModeFull'));
8952_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML2', 'sidebar', document.getElementById('HTML2'), {}, 'displayModeFull'));
8953_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML17', 'sidebar', document.getElementById('HTML17'), {}, 'displayModeFull'));
8954_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML5', 'sidebar', document.getElementById('HTML5'), {}, 'displayModeFull'));
8955_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML6', 'sidebar', document.getElementById('HTML6'), {}, 'displayModeFull'));
8956_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML19', 'sidebar', document.getElementById('HTML19'), {}, 'displayModeFull'));
8957_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML26', 'sidebar', document.getElementById('HTML26'), {}, 'displayModeFull'));
8958_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML21', 'sidebar', document.getElementById('HTML21'), {}, 'displayModeFull'));
8959_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML3', 'footer-ads', document.getElementById('HTML3'), {}, 'displayModeFull'));
8960_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList203', 'pikify-pro-about-section', document.getElementById('LinkList203'), {}, 'displayModeFull'));
8961_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML20', 'footer-col-1', document.getElementById('HTML20'), {}, 'displayModeFull'));
8962_WidgetManager._RegisterWidget('_HTMLView', new _WidgetInfo('HTML16', 'footer-col-2', document.getElementById('HTML16'), {}, 'displayModeFull'));
8963_WidgetManager._RegisterWidget('_ImageView', new _WidgetInfo('Image1', 'footer-col-3', document.getElementById('Image1'), {'resize': false}, 'displayModeFull'));
8964_WidgetManager._RegisterWidget('_TextView', new _WidgetInfo('Text50', 'footer-copyright', document.getElementById('Text50'), {}, 'displayModeFull'));
8965_WidgetManager._RegisterWidget('_LinkListView', new _WidgetInfo('LinkList204', 'footer-menu', document.getElementById('LinkList204'), {}, 'displayModeFull'));
8966_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'hidden-widgets', document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': 'Wird gesendet...', 'contactFormMessageSentMsg': 'Deine Nachricht wurde gesendet.', 'contactFormMessageNotSentMsg': 'Die Nachricht konnte nicht gesendet werden. Bitte versuche es sp\xe4ter noch einmal.', 'contactFormInvalidEmailMsg': 'Es ist eine g\xfcltige E-Mail-Adresse erforderlich.', 'contactFormEmptyMessageMsg': 'Das Nachrichtenfeld darf nicht leer sein.', 'title': 'Kontaktformular', 'blogId': '746298260979647434', 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'E-Mail', 'contactFormMessageMsg': 'Nachricht', 'contactFormSendMsg': 'Senden', 'contactFormToken': 'AAPvtVkWHZ4rG0ohrLp1OgBzcMW3:1790241124631', 'submitUrl': 'https://www.blogger.com/contact-form'}, 'displayModeFull'));
8967</script>
vendor: 1 bytes, line 8967
8967
8968<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"e9b49b1ed9444d90838b6dee045ef406","r":1,"spa":2}' crossorigin="anonymous"></script>
8968
8969</body>
8970</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.