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!='all')media='all'' 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 – 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">❤️</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;/gi, '\u20AC'); 6345 } 6346 function escapeHtml(s) { 6347 return String(s).replace(/&/g,'&').replace(/</g,'<').replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,'''); 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 €", 6361 period: "pro Monat", 6362 billed: "59,76 € jährlich abgerechnet", 6363 features: [ 6364 "werbefreier Zugang zum Online-Angebot des Postillon (nur ganz dezente Eigenwerbung für den Postillon)", 6365 "Newsletter ✉️ mit exklusiven Inhalten 𤩠(Redaktionsinterna, nie veröffentlichte Artikel)", 6366 "3 Euro günstiger als ein BILD-Plus-Abo ‼️" 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 €", 6380 period: "pro Monat", 6381 billed: "59,76 € 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 €", 6397 period: "pro Monat", 6398 billed: "108 € 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 €", 6418 period: "pro Monat", 6419 billed: "179,88€ 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\">• Abo Im Januar 2026 abgeschlossen: Abo startet mit der Februar Ausgabe, die Ende Januar erscheint.</span><span class=\"bullet\">• 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 €", 6445 period: "pro Monat", 6446 billed: "143,88€ 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 €", 6461 period: "pro Monat", 6462 billed: "599,88 € 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 €", 6489 period: "pro Monat", 6490 billed: "59,76 € einmalig abgerechnet", 6491 features: [ 6492 "werbefreier Zugang zum Online-Angebot des Postillon (nur ganz dezente Eigenwerbung für den Postillon)", 6493 "Newsletter ✉️ mit exklusiven Inhalten 𤩠(Redaktionsinterna, nie veröffentlichte Artikel)", 6494 "3 Euro günstiger als ein BILD-Plus-Abo‼️", 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 €", 6509 period: "pro Monat", 6510 billed: "59,76 € 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 €", 6528 period: "pro Monat", 6529 billed: "108 € 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 €", 6549 period: "pro Monat", 6550 billed: "143,88€ 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">• Abo im ${months[currentMonthIndex]} ${currentYear} abgeschlossen: Abo startet mit der ${months[nextMonthIndex]}-Ausgabe, die Ende ${months[currentMonthIndex]} erscheint.</span> 6584 <span class="bullet">• 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('€'); 6649 if (idx !== -1) { 6650 num = raw.slice(0, idx).trim(); 6651 cur = '€'; 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) — 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 --> am besten auf Postillon Alles-Abo wechseln <br /> 7213Postillon Minus Standard --> am besten auf Postillon Alles-Abo wechseln<br /> 7214Postillon Minus Timmy Gedenkabo (Deutschland) --> 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) --> 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 protected]</a><br /> 7216Postillon Minus Studentenabo --> 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 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…</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 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 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 — 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> 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.