CINXE.COM
Blog - Andr茅 Br盲kling
<!DOCTYPE html> <html lang="de-DE"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width"> <link rel="profile" href="http://gmpg.org/xfn/11"> <link rel="pingback" href="https://braekling.de/xmlrpc.php"> <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <!-- This site is optimized with the Yoast SEO plugin v23.5 - https://yoast.com/wordpress/plugins/seo/ --> <link media="all" href="https://braekling.de/wp-content/cache/autoptimize/css/autoptimize_31cb8fd2147a7d470a080707367d1682.css" rel="stylesheet"><title>Blog - Andr茅 Br盲kling</title> <link rel="canonical" href="https://braekling.de/blog" /> <link rel="next" href="https://braekling.de/blog/page/2" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":["WebPage","CollectionPage"],"@id":"https://braekling.de/blog","url":"https://braekling.de/blog","name":"Blog - Andr茅 Br盲kling","isPartOf":{"@id":"https://braekling.de/#website"},"datePublished":"2023-04-05T08:53:16+00:00","dateModified":"2023-04-05T08:53:18+00:00","breadcrumb":{"@id":"https://braekling.de/blog#breadcrumb"},"inLanguage":"de-DE"},{"@type":"BreadcrumbList","@id":"https://braekling.de/blog#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https://braekling.de/"},{"@type":"ListItem","position":2,"name":"Blog"}]},{"@type":"WebSite","@id":"https://braekling.de/#website","url":"https://braekling.de/","name":"Andr茅 Br盲kling","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://braekling.de/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de-DE"}]}</script> <!-- / Yoast SEO plugin. --> <style>[consent-id]:not(.rcb-content-blocker):not([consent-transaction-complete]):not([consent-visual-use-parent^="children:"]):not([consent-confirm]){opacity:0!important;}</style><link rel="preload" href="https://braekling.de/wp-content/7f0b7d9c6fdad829eea80cc41123825e/dist/322544422.js?ver=ebb33f508d1107f89ab32502327deb71" as="script" /> <link rel="preload" href="https://braekling.de/wp-content/7f0b7d9c6fdad829eea80cc41123825e/dist/726983885.js?ver=7561a69f5e76886037225b4a74924ef7" as="script" /> <script data-cfasync="false" type="text/javascript" defer src="https://braekling.de/wp-content/7f0b7d9c6fdad829eea80cc41123825e/dist/322544422.js?ver=ebb33f508d1107f89ab32502327deb71" id="real-cookie-banner-vendor-real-cookie-banner-banner-js"></script> <script type="application/json" data-skip-lazy-load="js-extra" data-skip-moving="true" data-no-defer nitro-exclude data-alt-type="application/ld+json" data-dont-merge data-wpmeteor-nooptimize="true" data-cfasync="false" id="a11401da4002d02e066056fc4b29731cb1-js-extra">{"slug":"real-cookie-banner","textDomain":"real-cookie-banner","version":"4.8.0","restUrl":"https:\/\/braekling.de\/wp-json\/real-cookie-banner\/v1\/","restNamespace":"real-cookie-banner\/v1","restPathObfuscateOffset":"13fb89300600477d","restRoot":"https:\/\/braekling.de\/wp-json\/","restQuery":{"_v":"4.8.0","_locale":"user"},"restNonce":"4b41289f32","restRecreateNonceEndpoint":"https:\/\/braekling.de\/wp-admin\/admin-ajax.php?action=rest-nonce","publicUrl":"https:\/\/braekling.de\/wp-content\/plugins\/real-cookie-banner\/public\/","chunkFolder":"dist","chunksLanguageFolder":"https:\/\/braekling.de\/wp-content\/languages\/mo-cache\/real-cookie-banner\/","chunks":{"chunk-config-tab-blocker.lite.js":["de_DE-83d48f038e1cf6148175589160cda67e","de_DE-f3a58573f9ed1125e6441a73d3b01af3","de_DE-2e71c8c1d3d1be59acee11970e254e0e","de_DE-e8b2dd606e80931c891d633086cb8b96"],"chunk-config-tab-blocker.pro.js":["de_DE-ddf5ae983675e7b6eec2afc2d53654a2","de_DE-deb51440a0996dcecf5eb89c54cecce2","de_DE-656298de7f62f753c3a40cc13ac6f0cb","de_DE-9913ad75dad534aa8026de24a0203a7e"],"chunk-config-tab-consent.lite.js":["de_DE-3823d7521a3fc2857511061e0d660408"],"chunk-config-tab-consent.pro.js":["de_DE-9cb9ecf8c1e8ce14036b5f3a5e19f098"],"chunk-config-tab-cookies.lite.js":["de_DE-1a51b37d0ef409906245c7ed80d76040","de_DE-f3a58573f9ed1125e6441a73d3b01af3","de_DE-2e71c8c1d3d1be59acee11970e254e0e"],"chunk-config-tab-cookies.pro.js":["de_DE-572ee75deed92e7a74abba4b86604687","de_DE-deb51440a0996dcecf5eb89c54cecce2","de_DE-656298de7f62f753c3a40cc13ac6f0cb"],"chunk-config-tab-dashboard.lite.js":["de_DE-f843c51245ecd2b389746275b3da66b6"],"chunk-config-tab-dashboard.pro.js":["de_DE-ae5ae8f925f0409361cfe395645ac077"],"chunk-config-tab-import.lite.js":["de_DE-66df94240f04843e5a208823e466a850"],"chunk-config-tab-import.pro.js":["de_DE-e5fee6b51986d4ff7a051d6f6a7b076a"],"chunk-config-tab-licensing.lite.js":["de_DE-e01f803e4093b19d6787901b9591b5a6"],"chunk-config-tab-licensing.pro.js":["de_DE-4918ea9704f47c2055904e4104d4ffba"],"chunk-config-tab-scanner.lite.js":["de_DE-b10b39f1099ef599835c729334e38429"],"chunk-config-tab-scanner.pro.js":["de_DE-752a1502ab4f0bebfa2ad50c68ef571f"],"chunk-config-tab-settings.lite.js":["de_DE-37978e0b06b4eb18b16164a2d9c93a2c"],"chunk-config-tab-settings.pro.js":["de_DE-e59d3dcc762e276255c8989fbd1f80e3"],"chunk-config-tab-tcf.lite.js":["de_DE-4f658bdbf0aa370053460bc9e3cd1f69","de_DE-f3a58573f9ed1125e6441a73d3b01af3","de_DE-e8b2dd606e80931c891d633086cb8b96"],"chunk-config-tab-tcf.pro.js":["de_DE-e1e83d5b8a28f1f91f63b9de2a8b181a","de_DE-deb51440a0996dcecf5eb89c54cecce2","de_DE-9913ad75dad534aa8026de24a0203a7e"]},"others":{"customizeValuesBanner":"{\"layout\":{\"type\":\"dialog\",\"maxHeightEnabled\":false,\"maxHeight\":740,\"dialogMaxWidth\":510,\"dialogPosition\":\"middleCenter\",\"dialogMargin\":[0,0,0,0],\"bannerPosition\":\"bottom\",\"bannerMaxWidth\":1024,\"dialogBorderRadius\":3,\"borderRadius\":5,\"animationIn\":\"none\",\"animationInDuration\":1000,\"animationInOnlyMobile\":true,\"animationOut\":\"none\",\"animationOutDuration\":500,\"animationOutOnlyMobile\":true,\"overlay\":true,\"overlayBg\":\"#000000\",\"overlayBgAlpha\":38,\"overlayBlur\":2},\"decision\":{\"acceptAll\":\"button\",\"acceptEssentials\":\"button\",\"showCloseIcon\":false,\"acceptIndividual\":\"link\",\"buttonOrder\":\"all,essential,save,individual\",\"showGroups\":false,\"groupsFirstView\":false,\"saveButton\":\"always\"},\"design\":{\"bg\":\"#ffffff\",\"textAlign\":\"center\",\"linkTextDecoration\":\"underline\",\"borderWidth\":0,\"borderColor\":\"#ffffff\",\"fontSize\":13,\"fontColor\":\"#2b2b2b\",\"fontInheritFamily\":true,\"fontFamily\":\"Arial, Helvetica, sans-serif\",\"fontWeight\":\"normal\",\"boxShadowEnabled\":true,\"boxShadowOffsetX\":0,\"boxShadowOffsetY\":5,\"boxShadowBlurRadius\":13,\"boxShadowSpreadRadius\":0,\"boxShadowColor\":\"#000000\",\"boxShadowColorAlpha\":20},\"headerDesign\":{\"inheritBg\":true,\"bg\":\"#f4f4f4\",\"inheritTextAlign\":true,\"textAlign\":\"center\",\"padding\":[17,20,15,20],\"logo\":\"\",\"logoRetina\":\"\",\"logoMaxHeight\":40,\"logoPosition\":\"left\",\"logoMargin\":[5,15,5,15],\"fontSize\":20,\"fontColor\":\"#2b2b2b\",\"fontInheritFamily\":true,\"fontFamily\":\"Arial, Helvetica, sans-serif\",\"fontWeight\":\"normal\",\"borderWidth\":1,\"borderColor\":\"#efefef\"},\"bodyDesign\":{\"padding\":[15,20,10,20],\"descriptionInheritFontSize\":true,\"descriptionFontSize\":13,\"dottedGroupsInheritFontSize\":true,\"dottedGroupsFontSize\":13,\"dottedGroupsBulletColor\":\"#15779b\",\"teachingsInheritTextAlign\":true,\"teachingsTextAlign\":\"center\",\"teachingsSeparatorActive\":true,\"teachingsSeparatorWidth\":50,\"teachingsSeparatorHeight\":1,\"teachingsSeparatorColor\":\"#15779b\",\"teachingsInheritFontSize\":false,\"teachingsFontSize\":12,\"teachingsInheritFontColor\":false,\"teachingsFontColor\":\"#7c7c7c\",\"accordionMargin\":[10,0,5,0],\"accordionPadding\":[5,10,5,10],\"accordionArrowType\":\"outlined\",\"accordionArrowColor\":\"#15779b\",\"accordionBg\":\"#ffffff\",\"accordionActiveBg\":\"#f9f9f9\",\"accordionHoverBg\":\"#efefef\",\"accordionBorderWidth\":1,\"accordionBorderColor\":\"#efefef\",\"accordionTitleFontSize\":12,\"accordionTitleFontColor\":\"#2b2b2b\",\"accordionTitleFontWeight\":\"normal\",\"accordionDescriptionMargin\":[5,0,0,0],\"accordionDescriptionFontSize\":12,\"accordionDescriptionFontColor\":\"#757575\",\"accordionDescriptionFontWeight\":\"normal\",\"acceptAllOneRowLayout\":false,\"acceptAllPadding\":[10,10,10,10],\"acceptAllBg\":\"#15779b\",\"acceptAllTextAlign\":\"center\",\"acceptAllFontSize\":18,\"acceptAllFontColor\":\"#ffffff\",\"acceptAllFontWeight\":\"normal\",\"acceptAllBorderWidth\":0,\"acceptAllBorderColor\":\"#000000\",\"acceptAllHoverBg\":\"#11607d\",\"acceptAllHoverFontColor\":\"#ffffff\",\"acceptAllHoverBorderColor\":\"#000000\",\"acceptEssentialsUseAcceptAll\":true,\"acceptEssentialsButtonType\":\"\",\"acceptEssentialsPadding\":[10,10,10,10],\"acceptEssentialsBg\":\"#efefef\",\"acceptEssentialsTextAlign\":\"center\",\"acceptEssentialsFontSize\":16,\"acceptEssentialsFontColor\":\"#0a0a0a\",\"acceptEssentialsFontWeight\":\"normal\",\"acceptEssentialsBorderWidth\":0,\"acceptEssentialsBorderColor\":\"#000000\",\"acceptEssentialsHoverBg\":\"#e8e8e8\",\"acceptEssentialsHoverFontColor\":\"#000000\",\"acceptEssentialsHoverBorderColor\":\"#000000\",\"acceptIndividualPadding\":[0,5,0,5],\"acceptIndividualBg\":\"#ffffff\",\"acceptIndividualTextAlign\":\"center\",\"acceptIndividualFontSize\":14,\"acceptIndividualFontColor\":\"#7c7c7c\",\"acceptIndividualFontWeight\":\"normal\",\"acceptIndividualBorderWidth\":0,\"acceptIndividualBorderColor\":\"#000000\",\"acceptIndividualHoverBg\":\"#ffffff\",\"acceptIndividualHoverFontColor\":\"#2b2b2b\",\"acceptIndividualHoverBorderColor\":\"#000000\"},\"footerDesign\":{\"poweredByLink\":true,\"inheritBg\":false,\"bg\":\"#fcfcfc\",\"inheritTextAlign\":true,\"textAlign\":\"center\",\"padding\":[10,20,15,20],\"fontSize\":14,\"fontColor\":\"#7c7c7c\",\"fontInheritFamily\":true,\"fontFamily\":\"Arial, Helvetica, sans-serif\",\"fontWeight\":\"normal\",\"hoverFontColor\":\"#2b2b2b\",\"borderWidth\":1,\"borderColor\":\"#efefef\",\"languageSwitcher\":\"flags\"},\"texts\":{\"headline\":\"Privatsph\\u00e4re-Einstellungen\",\"description\":\"Wir verwenden Cookies und \\u00e4hnliche Technologien auf unserer Website und verarbeiten personenbezogene Daten (z.B. deine IP-Adresse) \\u00fcber dich. Wir teilen diese Daten auch mit Dritten. Die Datenverarbeitung kann mit deiner Einwilligung oder auf Basis eines berechtigten Interesses erfolgen, dem du in den individuellen Privatsph\\u00e4re-Einstellungen widersprechen kannst. Du hast das Recht, nur in essenzielle Services einzuwilligen und deine Einwilligung in der Datenschutzerkl\\u00e4rung zu einem sp\\u00e4teren Zeitpunkt zu \\u00e4ndern oder zu widerrufen.\",\"acceptAll\":\"Alle akzeptieren\",\"acceptEssentials\":\"Weiter ohne Einwilligung\",\"acceptIndividual\":\"Individuelle Privatsph\\u00e4re-Einstellungen\",\"poweredBy\":\"2\",\"dataProcessingInUnsafeCountries\":\"Einige Dienste verarbeiten personenbezogene Daten in unsicheren Drittl\\u00e4ndern. Indem du in die Nutzung dieser Services einwilligst, erkl\\u00e4rst du dich auch mit der Verarbeitung deiner Daten in diesen unsicheren Drittl\\u00e4ndern gem\\u00e4\\u00df {{legalBasis}} einverstanden. Dies birgt das Risiko, dass deine Daten von Beh\\u00f6rden zu Kontroll- und \\u00dcberwachungszwecken verarbeitet werden, m\\u00f6glicherweise ohne die M\\u00f6glichkeit eines Rechtsbehelfs.\",\"ageNoticeBanner\":\"Du bist unter {{minAge}} Jahre alt? Dann kannst du nicht in optionale Services einwilligen. Du kannst deine Eltern oder Erziehungsberechtigten bitten, mit dir in diese Services einzuwilligen.\",\"ageNoticeBlocker\":\"Du bist unter {{minAge}} Jahre alt? Leider darfst du diesem Service nicht selbst zustimmen, um diese Inhalte zu sehen. Bitte deine Eltern oder Erziehungsberechtigten, dem Service mit dir zuzustimmen!\",\"listServicesNotice\":\"Wenn du alle Services akzeptierst, erlaubst du, dass {{services}} geladen werden. Diese sind nach ihrem Zweck in Gruppen {{serviceGroups}} unterteilt (Zugeh\\u00f6rigkeit durch hochgestellte Zahlen gekennzeichnet).\",\"listServicesLegitimateInterestNotice\":\"Au\\u00dferdem werden die {{services}} auf der Grundlage eines berechtigten Interesses geladen.\",\"consentForwardingExternalHosts\":\"Deine Einwilligung gilt auch auf {{websites}}.\",\"blockerHeadline\":\"{{name}} aufgrund von Privatsph\\u00e4re-Einstellungen blockiert\",\"blockerLinkShowMissing\":\"Zeige alle Services, denen du noch zustimmen musst\",\"blockerLoadButton\":\"Erforderliche Services akzeptieren und Inhalte laden\",\"blockerAcceptInfo\":\"Wenn du die blockierten Inhalte l\\u00e4dst, werden deine Datenschutzeinstellungen angepasst. Inhalte aus diesem Service werden in Zukunft nicht mehr blockiert. Du hast das Recht, deine Entscheidung jederzeit zu widerrufen oder zu \\u00e4ndern.\",\"stickyHistory\":\"Historie der Privatsph\\u00e4re-Einstellungen\",\"stickyRevoke\":\"Einwilligungen widerrufen\",\"stickyRevokeSuccessMessage\":\"Du hast die Einwilligung f\\u00fcr Services mit dessen Cookies und Verarbeitung personenbezogener Daten erfolgreich widerrufen. Die Seite wird jetzt neu geladen!\",\"stickyChange\":\"Privatsph\\u00e4re-Einstellungen \\u00e4ndern\"},\"individualLayout\":{\"inheritDialogMaxWidth\":false,\"dialogMaxWidth\":970,\"inheritBannerMaxWidth\":true,\"bannerMaxWidth\":1980,\"descriptionTextAlign\":\"left\"},\"group\":{\"checkboxBg\":\"#f0f0f0\",\"checkboxBorderWidth\":1,\"checkboxBorderColor\":\"#d2d2d2\",\"checkboxActiveColor\":\"#ffffff\",\"checkboxActiveBg\":\"#15779b\",\"checkboxActiveBorderColor\":\"#11607d\",\"groupInheritBg\":true,\"groupBg\":\"#f4f4f4\",\"groupPadding\":[15,15,15,15],\"groupSpacing\":10,\"groupBorderRadius\":5,\"groupBorderWidth\":1,\"groupBorderColor\":\"#f4f4f4\",\"headlineFontSize\":16,\"headlineFontWeight\":\"normal\",\"headlineFontColor\":\"#2b2b2b\",\"descriptionFontSize\":14,\"descriptionFontColor\":\"#7c7c7c\",\"linkColor\":\"#7c7c7c\",\"linkHoverColor\":\"#2b2b2b\",\"detailsHideLessRelevant\":true},\"saveButton\":{\"useAcceptAll\":true,\"type\":\"button\",\"padding\":[10,10,10,10],\"bg\":\"#efefef\",\"textAlign\":\"center\",\"fontSize\":16,\"fontColor\":\"#0a0a0a\",\"fontWeight\":\"normal\",\"borderWidth\":0,\"borderColor\":\"#000000\",\"hoverBg\":\"#e8e8e8\",\"hoverFontColor\":\"#000000\",\"hoverBorderColor\":\"#000000\"},\"individualTexts\":{\"headline\":\"Individuelle Privatsph\\u00e4re-Einstellungen\",\"description\":\"Wir verwenden Cookies und \\u00e4hnliche Technologien auf unserer Website und verarbeiten personenbezogene Daten (z.B. deine IP-Adresse) \\u00fcber dich. Wir teilen diese Daten auch mit Dritten. Die Datenverarbeitung kann mit deiner Einwilligung oder auf der Grundlage eines berechtigten Interesses erfolgen, dem du widersprechen kannst. Du hast das Recht, nur in essenzielle Services einzuwilligen und deine Einwilligung zu einem sp\\u00e4teren Zeitpunkt in der Datenschutzerkl\\u00e4rung zu \\u00e4ndern oder zu widerrufen. Nachfolgend findest du eine \\u00dcbersicht \\u00fcber alle Services, die von dieser Website genutzt werden. Du kannst detaillierte Informationen zu jedem Service einsehen und diesen einzeln zustimmen oder von deinem Widerspruchsrecht Gebrauch machen.\",\"save\":\"Individuelle Auswahlen speichern\",\"showMore\":\"Service-Informationen anzeigen\",\"hideMore\":\"Service-Informationen ausblenden\",\"postamble\":\"\"},\"mobile\":{\"enabled\":true,\"maxHeight\":400,\"hideHeader\":false,\"alignment\":\"bottom\",\"scalePercent\":90,\"scalePercentVertical\":-50},\"sticky\":{\"enabled\":false,\"animationsEnabled\":true,\"alignment\":\"left\",\"bubbleBorderRadius\":50,\"icon\":\"fingerprint\",\"iconCustom\":\"\",\"iconCustomRetina\":\"\",\"iconSize\":30,\"iconColor\":\"#ffffff\",\"bubbleMargin\":[10,20,20,20],\"bubblePadding\":15,\"bubbleBg\":\"#15779b\",\"bubbleBorderWidth\":0,\"bubbleBorderColor\":\"#10556f\",\"boxShadowEnabled\":true,\"boxShadowOffsetX\":0,\"boxShadowOffsetY\":2,\"boxShadowBlurRadius\":5,\"boxShadowSpreadRadius\":1,\"boxShadowColor\":\"#105b77\",\"boxShadowColorAlpha\":40,\"bubbleHoverBg\":\"#ffffff\",\"bubbleHoverBorderColor\":\"#000000\",\"hoverIconColor\":\"#000000\",\"hoverIconCustom\":\"\",\"hoverIconCustomRetina\":\"\",\"menuFontSize\":16,\"menuBorderRadius\":5,\"menuItemSpacing\":10,\"menuItemPadding\":[5,10,5,10]},\"customCss\":{\"css\":\"\",\"antiAdBlocker\":\"y\"}}","isPro":false,"showProHints":false,"proUrl":"https:\/\/devowl.io\/de\/go\/real-cookie-banner?source=rcb-lite","showLiteNotice":true,"frontend":{"groups":"[{\"id\":1509,\"name\":\"Essenziell\",\"slug\":\"essenziell\",\"description\":\"Essenzielle Services sind f\\u00fcr die grundlegende Funktionalit\\u00e4t der Website erforderlich. Sie enthalten nur technisch notwendige Services. Diesen Services kann nicht widersprochen werden.\",\"isEssential\":true,\"isDefault\":true,\"items\":[{\"id\":4552,\"name\":\"Real Cookie Banner\",\"purpose\":\"Real Cookie Banner bittet Website-Besucher um die Einwilligung zum Setzen von Cookies und zur Verarbeitung personenbezogener Daten. Dazu wird jedem Website-Besucher eine UUID (pseudonyme Identifikation des Nutzers) zugewiesen, die bis zum Ablauf des Cookies zur Speicherung der Einwilligung g\\u00fcltig ist. Cookies werden dazu verwendet, um zu testen, ob Cookies gesetzt werden k\\u00f6nnen, um Referenz auf die dokumentierte Einwilligung zu speichern, um zu speichern, in welche Services aus welchen Service-Gruppen der Besucher eingewilligt hat, und, falls Einwilligung nach dem Transparency & Consent Framework (TCF) eingeholt werden, um die Einwilligungen in TCF Partner, Zwecke, besondere Zwecke, Funktionen und besondere Funktionen zu speichern. Im Rahmen der Darlegungspflicht nach DSGVO wird die erhobene Einwilligung vollumf\\u00e4nglich dokumentiert. Dazu z\\u00e4hlt neben den Services und Service-Gruppen, in welche der Besucher eingewilligt hat, und falls Einwilligung nach dem TCF Standard eingeholt werden, in welche TCF Partner, Zwecke und Funktionen der Besucher eingewilligt hat, alle Einstellungen des Cookie Banners zum Zeitpunkt der Einwilligung als auch die technischen Umst\\u00e4nde (z.B. Gr\\u00f6\\u00dfe des Sichtbereichs bei der Einwilligung) und die Nutzerinteraktionen (z.B. Klick auf Buttons), die zur Einwilligung gef\\u00fchrt haben. Die Einwilligung wird pro Sprache einmal erhoben.\",\"providerContact\":{\"phone\":\"\",\"email\":\"\",\"link\":\"\"},\"isProviderCurrentWebsite\":true,\"provider\":\"Andr\\u00e9 Br\\u00e4kling\",\"uniqueName\":\"real-cookie-banner\",\"isEmbeddingOnlyExternalResources\":false,\"legalBasis\":\"consent\",\"dataProcessingInCountries\":[],\"dataProcessingInCountriesSpecialTreatments\":[],\"technicalDefinitions\":[{\"type\":\"http\",\"name\":\"real_cookie_banner*\",\"host\":\".braekling.de\",\"duration\":365,\"durationUnit\":\"d\",\"isSessionDuration\":false,\"purpose\":\"\"},{\"type\":\"http\",\"name\":\"PHPSESSID\",\"host\":\"braekling.de\",\"duration\":0,\"durationUnit\":\"y\",\"isSessionDuration\":false,\"purpose\":\"\"}],\"codeDynamics\":[],\"providerPrivacyPolicyUrl\":\"https:\\\/\\\/braekling.de\\\/datenschutz\",\"providerLegalNoticeUrl\":\"https:\\\/\\\/braekling.de\\\/impressum\",\"tagManagerOptInEventName\":\"\",\"tagManagerOptOutEventName\":\"\",\"googleConsentModeConsentTypes\":[],\"executePriority\":10,\"codeOptIn\":\"\",\"executeCodeOptInWhenNoTagManagerConsentIsGiven\":false,\"codeOptOut\":\"\",\"executeCodeOptOutWhenNoTagManagerConsentIsGiven\":false,\"deleteTechnicalDefinitionsAfterOptOut\":false,\"codeOnPageLoad\":\"\",\"presetId\":\"real-cookie-banner\"}]},{\"id\":1511,\"name\":\"Statistik\",\"slug\":\"statistik\",\"description\":\"Statistik-Services werden ben\\u00f6tigt, um pseudonymisierte Daten \\u00fcber die Besucher der Website zu sammeln. Die Daten erm\\u00f6glichen es uns, die Besucher besser zu verstehen und die Website zu optimieren.\",\"isEssential\":false,\"isDefault\":true,\"items\":[{\"id\":4631,\"name\":\"VG Wort\",\"purpose\":\"Das sogenannte Z\\u00e4hlpixel der Verwertungsgesellschaft Wort (VG Wort) dient dazu, die Zahl der Zugriffe auf die einzelnen bei der VG Wort gemeldeten Beitr\\u00e4ge zu z\\u00e4hlen, so dass ich als Autor eine Verg\\u00fctung von der VG Wort erhalten kann.\",\"providerContact\":{\"phone\":\"\",\"email\":\"\",\"link\":\"\"},\"isProviderCurrentWebsite\":false,\"provider\":\"VG Wort\",\"uniqueName\":\"vg-wort\",\"isEmbeddingOnlyExternalResources\":false,\"legalBasis\":\"consent\",\"dataProcessingInCountries\":[],\"dataProcessingInCountriesSpecialTreatments\":[],\"technicalDefinitions\":[{\"type\":\"http\",\"name\":\"*\",\"host\":\"vgwort.de\",\"duration\":0,\"durationUnit\":\"y\",\"isSessionDuration\":true,\"purpose\":\"Z\\u00e4hlpixel\"}],\"codeDynamics\":[],\"providerPrivacyPolicyUrl\":\"https:\\\/\\\/www.vgwort.de\\\/datenschutz.html\",\"providerLegalNoticeUrl\":\"https:\\\/\\\/www.vgwort.de\\\/impressum.html\",\"tagManagerOptInEventName\":\"\",\"tagManagerOptOutEventName\":\"\",\"googleConsentModeConsentTypes\":[],\"executePriority\":10,\"codeOptIn\":\"\",\"executeCodeOptInWhenNoTagManagerConsentIsGiven\":false,\"codeOptOut\":\"\",\"executeCodeOptOutWhenNoTagManagerConsentIsGiven\":false,\"deleteTechnicalDefinitionsAfterOptOut\":false,\"codeOnPageLoad\":\"\",\"presetId\":\"\"},{\"id\":4630,\"name\":\"Matomo\",\"purpose\":\"Auf dieser Seite wird eine selbst-gehostete Instanz des Web-Analyse-Tools Matomo eingesetzt. Dieses dient dazu, die Besucherzahlen, -konfigurationen und -bewegungen auf der Webseite nachzuvollziehen (Tracking) und den Inhalt der Webseite auf dieser Grundlage zu optimieren. F\\u00fcr dieses Tracking werden nur anonymisierte IP-Adressen verwendet, eine Identifikation einer konkreten Person ist somit nicht m\\u00f6glich.\",\"providerContact\":{\"phone\":\"\",\"email\":\"\",\"link\":\"\"},\"isProviderCurrentWebsite\":true,\"provider\":\"Andr\\u00e9 Br\\u00e4kling\",\"uniqueName\":\"matomo\",\"isEmbeddingOnlyExternalResources\":false,\"legalBasis\":\"consent\",\"dataProcessingInCountries\":[],\"dataProcessingInCountriesSpecialTreatments\":[],\"technicalDefinitions\":[{\"type\":\"http\",\"name\":\"MATOMO_SESSID\",\"host\":\"braekling.de\",\"duration\":70,\"durationUnit\":\"d\",\"isSessionDuration\":true,\"purpose\":\"Statistik\"}],\"codeDynamics\":[],\"providerPrivacyPolicyUrl\":\"https:\\\/\\\/braekling.de\\\/datenschutz\",\"providerLegalNoticeUrl\":\"https:\\\/\\\/braekling.de\\\/impressum\",\"tagManagerOptInEventName\":\"\",\"tagManagerOptOutEventName\":\"\",\"googleConsentModeConsentTypes\":[],\"executePriority\":10,\"codeOptIn\":\"base64-encoded:PHNjcmlwdD5fcGFxLnB1c2goWydyZW1lbWJlckNvb2tpZUNvbnNlbnRHaXZlbiddKTs8L3NjcmlwdD4=\",\"executeCodeOptInWhenNoTagManagerConsentIsGiven\":false,\"codeOptOut\":\"base64-encoded:PHNjcmlwdD5fcGFxLnB1c2goWydmb3JnZXRDb29raWVDb25zZW50R2l2ZW4nXSk7PC9zY3JpcHQ+\",\"executeCodeOptOutWhenNoTagManagerConsentIsGiven\":false,\"deleteTechnicalDefinitionsAfterOptOut\":true,\"codeOnPageLoad\":\"\",\"presetId\":\"\"}]}]","links":[{"id":4686,"label":"Datenschutzerkl\u00e4rung","pageType":"privacyPolicy","isExternalUrl":false,"pageId":106,"url":"https:\/\/braekling.de\/datenschutz","hideCookieBanner":true,"isTargetBlank":true},{"id":4687,"label":"Impressum","pageType":"legalNotice","isExternalUrl":false,"pageId":3,"url":"https:\/\/braekling.de\/impressum","hideCookieBanner":true,"isTargetBlank":true}],"websiteOperator":{"address":"","country":"","contactEmail":"base64-encoded:d2VibWFzdGVyQGJyYWVrbGluZy5kZQ==","contactPhone":"","contactFormUrl":false},"blocker":[{"id":4632,"name":"VG Wort","description":"","rules":["*.vgwort.de\/*"],"criteria":"services","tcfVendors":[],"tcfPurposes":[1],"services":[4631],"isVisual":false,"visualType":"default","visualMediaThumbnail":"0","visualContentType":"","isVisualDarkMode":false,"visualBlur":0,"visualDownloadThumbnail":false,"visualHeroButtonText":"","shouldForceToShowVisual":false,"presetId":"","visualThumbnail":null}],"languageSwitcher":[],"predefinedDataProcessingInSafeCountriesLists":{"GDPR":["AT","BE","BG","HR","CY","CZ","DK","EE","FI","FR","DE","GR","HU","IE","IS","IT","LI","LV","LT","LU","MT","NL","NO","PL","PT","RO","SK","SI","ES","SE"],"DSG":["CH"],"GDPR+DSG":[],"ADEQUACY_EU":["AD","AR","CA","FO","GG","IL","IM","JP","JE","NZ","KR","CH","GB","UY","US"],"ADEQUACY_CH":["DE","AD","AR","AT","BE","BG","CA","CY","HR","DK","ES","EE","FI","FR","GI","GR","GG","HU","IM","FO","IE","IS","IL","IT","JE","LV","LI","LT","LU","MT","MC","NO","NZ","NL","PL","PT","CZ","RO","GB","SK","SI","SE","UY","US"]},"decisionCookieName":"real_cookie_banner-v:3_blog:1_path:58b0ed7","revisionHash":"f2023de6432e66e4e026e3f73775cea6","territorialLegalBasis":["gdpr-eprivacy"],"setCookiesViaManager":"none","isRespectDoNotTrack":false,"failedConsentDocumentationHandling":"essentials","isAcceptAllForBots":true,"isDataProcessingInUnsafeCountries":false,"isAgeNotice":true,"ageNoticeAgeLimit":16,"isListServicesNotice":true,"isBannerLessConsent":false,"isTcf":false,"isGcm":false,"isGcmListPurposes":false,"hasLazyData":false},"anonymousContentUrl":"https:\/\/braekling.de\/wp-content\/7f0b7d9c6fdad829eea80cc41123825e\/dist\/","anonymousHash":"7f0b7d9c6fdad829eea80cc41123825e","hasDynamicPreDecisions":false,"isLicensed":true,"isDevLicense":false,"multilingualSkipHTMLForTag":"","isCurrentlyInTranslationEditorPreview":false,"defaultLanguage":"","currentLanguage":"","activeLanguages":[],"context":"","iso3166OneAlpha2":{"AF":"Afghanistan","AL":"Albanien","DZ":"Algerien","AS":"Amerikanisch-Samoa","AD":"Andorra","AO":"Angola","AI":"Anguilla","AQ":"Antarktis","AG":"Antigua und Barbuda","AR":"Argentinien","AM":"Armenien","AW":"Aruba","AZ":"Aserbaidschan","AU":"Australien","BS":"Bahamas","BH":"Bahrain","BD":"Bangladesch","BB":"Barbados","BY":"Belarus","BE":"Belgien","BZ":"Belize","BJ":"Benin","BM":"Bermuda","BT":"Bhutan","BO":"Bolivien","BA":"Bosnien und Herzegowina","BW":"Botswana","BV":"Bouvetinsel","BR":"Brasilien","IO":"Britisches Territorium im Indischen Ozean","BN":"Brunei Darussalam","BG":"Bulgarien","BF":"Burkina Faso","BI":"Burundi","CL":"Chile","CN":"China","CK":"Cookinseln","CR":"Costa Rica","DE":"Deutschland","LA":"Die Laotische Demokratische Volksrepublik","DM":"Dominica","DO":"Dominikanische Republik","DJ":"Dschibuti","DK":"D\u00e4nemark","EC":"Ecuador","SV":"El Salvador","ER":"Eritrea","EE":"Estland","FK":"Falklandinseln (Malwinen)","FJ":"Fidschi","FI":"Finnland","FR":"Frankreich","GF":"Franz\u00f6sisch-Guayana","PF":"Franz\u00f6sisch-Polynesien","TF":"Franz\u00f6sische S\u00fcd- und Antarktisgebiete","FO":"F\u00e4r\u00f6er Inseln","FM":"F\u00f6derierte Staaten von Mikronesien","GA":"Gabun","GM":"Gambia","GE":"Georgien","GH":"Ghana","GI":"Gibraltar","GD":"Grenada","GR":"Griechenland","GL":"Gr\u00f6nland","GP":"Guadeloupe","GU":"Guam","GT":"Guatemala","GG":"Guernsey","GN":"Guinea","GW":"Guinea-Bissau","GY":"Guyana","HT":"Haiti","HM":"Heard und die McDonaldinseln","VA":"Heiliger Stuhl (Staat Vatikanstadt)","HN":"Honduras","HK":"Hong Kong","IN":"Indien","ID":"Indonesien","IQ":"Irak","IE":"Irland","IR":"Islamische Republik Iran","IS":"Island","IM":"Isle of Man","IL":"Israel","IT":"Italien","JM":"Jamaika","JP":"Japan","YE":"Jemen","JE":"Jersey","JO":"Jordanien","VG":"Jungferninseln, Britisch","VI":"Jungferninseln, U.S.","KY":"Kaimaninseln","KH":"Kambodscha","CM":"Kamerun","CA":"Kanada","CV":"Kap Verde","KZ":"Kasachstan","QA":"Katar","KE":"Kenia","KG":"Kirgisistan","KI":"Kiribati","UM":"Kleinere Inselbesitzungen der Vereinigten Staaten","CC":"Kokosinseln","CO":"Kolumbien","KM":"Komoren","CG":"Kongo","CD":"Kongo, Demokratische Republik","KR":"Korea","HR":"Kroatien","CU":"Kuba","KW":"Kuwait","LS":"Lesotho","LV":"Lettland","LB":"Libanon","LR":"Liberia","LY":"Libysch-Arabische Dschamahirija","LI":"Liechtenstein","LT":"Litauen","LU":"Luxemburg","MO":"Macao","MG":"Madagaskar","MW":"Malawi","MY":"Malaysia","MV":"Malediven","ML":"Mali","MT":"Malta","MA":"Marokko","MH":"Marshallinseln","MQ":"Martinique","MR":"Mauretanien","MU":"Mauritius","YT":"Mayotte","MK":"Mazedonien","MX":"Mexiko","MD":"Moldawien","MC":"Monaco","MN":"Mongolei","ME":"Montenegro","MS":"Montserrat","MZ":"Mosambik","MM":"Myanmar","NA":"Namibia","NR":"Nauru","NP":"Nepal","NC":"Neukaledonien","NZ":"Neuseeland","NI":"Nicaragua","NL":"Niederlande","AN":"Niederl\u00e4ndische Antillen","NE":"Niger","NG":"Nigeria","NU":"Niue","KP":"Nordkorea","NF":"Norfolkinsel","NO":"Norwegen","MP":"N\u00f6rdliche Marianen","OM":"Oman","PK":"Pakistan","PW":"Palau","PS":"Pal\u00e4stinensisches Gebiet, besetzt","PA":"Panama","PG":"Papua-Neuguinea","PY":"Paraguay","PE":"Peru","PH":"Philippinen","PN":"Pitcairn","PL":"Polen","PT":"Portugal","PR":"Puerto Rico","CI":"Republik C\u00f4te d'Ivoire","RW":"Ruanda","RO":"Rum\u00e4nien","RU":"Russische F\u00f6deration","RE":"R\u00e9union","BL":"Saint Barth\u00e9l\u00e9my","PM":"Saint Pierre und Miquelo","SB":"Salomonen","ZM":"Sambia","WS":"Samoa","SM":"San Marino","SH":"Sankt Helena","MF":"Sankt Martin","SA":"Saudi-Arabien","SE":"Schweden","CH":"Schweiz","SN":"Senegal","RS":"Serbien","SC":"Seychellen","SL":"Sierra Leone","ZW":"Simbabwe","SG":"Singapur","SK":"Slowakei","SI":"Slowenien","SO":"Somalia","ES":"Spanien","LK":"Sri Lanka","KN":"St. Kitts und Nevis","LC":"St. Lucia","VC":"St. Vincent und Grenadinen","SD":"Sudan","SR":"Surinam","SJ":"Svalbard und Jan Mayen","SZ":"Swasiland","SY":"Syrische Arabische Republik","ST":"S\u00e3o Tom\u00e9 und Pr\u00edncipe","ZA":"S\u00fcdafrika","GS":"S\u00fcdgeorgien und die S\u00fcdlichen Sandwichinseln","TJ":"Tadschikistan","TW":"Taiwan","TZ":"Tansania","TH":"Thailand","TL":"Timor-Leste","TG":"Togo","TK":"Tokelau","TO":"Tonga","TT":"Trinidad und Tobago","TD":"Tschad","CZ":"Tschechische Republik","TN":"Tunesien","TM":"Turkmenistan","TC":"Turks- und Caicosinseln","TV":"Tuvalu","TR":"T\u00fcrkei","UG":"Uganda","UA":"Ukraine","HU":"Ungarn","UY":"Uruguay","UZ":"Usbekistan","VU":"Vanuatu","VE":"Venezuela","AE":"Vereinigte Arabische Emirate","US":"Vereinigte Staaten","GB":"Vereinigtes K\u00f6nigreich","VN":"Vietnam","WF":"Wallis und Futuna","CX":"Weihnachtsinsel","EH":"Westsahara","CF":"Zentralafrikanische Republik","CY":"Zypern","EG":"\u00c4gypten","GQ":"\u00c4quatorialguinea","ET":"\u00c4thiopien","AX":"\u00c5land Inseln","AT":"\u00d6sterreich"},"visualParentSelectors":{".et_pb_video_box":1,".et_pb_video_slider:has(>.et_pb_slider_carousel %s)":"self",".ast-oembed-container":1,".wpb_video_wrapper":1,".gdlr-core-pbf-background-wrap":1},"isPreventPreDecision":false,"isInvalidateImplicitUserConsent":false,"dependantVisibilityContainers":["[role=\"tabpanel\"]",".eael-tab-content-item",".wpcs_content_inner",".op3-contenttoggleitem-content",".op3-popoverlay-content",".pum-overlay","[data-elementor-type=\"popup\"]",".wp-block-ub-content-toggle-accordion-content-wrap",".w-popup-wrap",".oxy-lightbox_inner[data-inner-content=true]",".oxy-pro-accordion_body",".oxy-tab-content",".kt-accordion-panel",".vc_tta-panel-body",".mfp-hide","div[id^=\"tve_thrive_lightbox_\"]"],"disableDeduplicateExceptions":[".et_pb_video_slider"],"bannerDesignVersion":10,"bannerI18n":{"showMore":"Mehr anzeigen","hideMore":"Verstecken","showLessRelevantDetails":"Weitere Details anzeigen (%s)","hideLessRelevantDetails":"Weitere Details ausblenden (%s)","other":"Anderes","legalBasis":"Verwendung auf gesetzlicher Grundlage von","territorialLegalBasisArticles":{"gdpr-eprivacy":{"dataProcessingInUnsafeCountries":"Art. 49 Abs. 1 lit. a DSGVO"},"dsg-switzerland":{"dataProcessingInUnsafeCountries":"Art. 17 Abs. 1 lit. a DSG (Schweiz)"}},"legitimateInterest":"Berechtigtes Interesse","legalRequirement":"Erf\u00fcllung einer rechtlichen Verpflichtung","consent":"Einwilligung","crawlerLinkAlert":"Wir haben erkannt, dass du ein Crawler\/Bot bist. Nur nat\u00fcrliche Personen d\u00fcrfen in Cookies und die Verarbeitung von personenbezogenen Daten einwilligen. Daher hat der Link f\u00fcr dich keine Funktion.","technicalCookieDefinitions":"Technische Cookie-Definitionen","technicalCookieName":"Technischer Cookie Name","usesCookies":"Verwendete Cookies","cookieRefresh":"Cookie-Erneuerung","usesNonCookieAccess":"Verwendet Cookie-\u00e4hnliche Informationen (LocalStorage, SessionStorage, IndexDB, etc.)","host":"Host","duration":"Dauer","noExpiration":"Kein Ablauf","type":"Typ","purpose":"Zweck","purposes":"Zwecke","headerTitlePrivacyPolicyHistory":"Privatsph\u00e4re-Einstellungen: Historie","skipToConsentChoices":"Zu Einwilligungsoptionen springen","historyLabel":"Einwilligungen anzeigen vom","historyItemLoadError":"Das Lesen der Zustimmung ist fehlgeschlagen. Bitte versuche es sp\u00e4ter noch einmal!","historySelectNone":"Noch nicht eingewilligt","provider":"Anbieter","providerContactPhone":"Telefon","providerContactEmail":"E-Mail","providerContactLink":"Kontaktformular","providerPrivacyPolicyUrl":"Datenschutzerkl\u00e4rung","providerLegalNoticeUrl":"Impressum","nonStandard":"Nicht standardisierte Datenverarbeitung","nonStandardDesc":"Einige Services setzen Cookies und\/oder verarbeiten personenbezogene Daten, ohne die Standards f\u00fcr die Mitteilung der Einwilligung einzuhalten. Diese Services werden in mehrere Gruppen eingeteilt. Sogenannte \"essenzielle Services\" werden auf Basis eines berechtigten Interesses genutzt und k\u00f6nnen nicht abgew\u00e4hlt werden (ein Widerspruch muss ggf. per E-Mail oder Brief gem\u00e4\u00df der Datenschutzerkl\u00e4rung erfolgen), w\u00e4hrend alle anderen Services nur nach einer Einwilligung genutzt werden.","dataProcessingInThirdCountries":"Datenverarbeitung in Drittl\u00e4ndern","safetyMechanisms":{"label":"Sicherheitsmechanismen f\u00fcr die Daten\u00fcbermittlung","standardContractualClauses":"Standardvertragsklauseln","adequacyDecision":"Angemessenheitsbeschluss","eu":"EU","switzerland":"Schweiz","bindingCorporateRules":"Verbindliche interne Datenschutzvorschriften","contractualGuaranteeSccSubprocessors":"Vertragliche Garantie f\u00fcr Standardvertragsklauseln mit Unterauftragsverarbeitern"},"durationUnit":{"n1":{"s":"Sekunde","m":"Minute","h":"Stunde","d":"Tag","mo":"Monat","y":"Jahr"},"nx":{"s":"Sekunden","m":"Minuten","h":"Stunden","d":"Tage","mo":"Monate","y":"Jahre"}},"close":"Schlie\u00dfen","closeWithoutSaving":"Schlie\u00dfen ohne Speichern","yes":"Ja","no":"Nein","unknown":"Unbekannt","none":"Nichts","noLicense":"Keine Lizenz aktiviert - kein Produktionseinsatz!","devLicense":"Produktlizenz nicht f\u00fcr den Produktionseinsatz!","devLicenseLearnMore":"Mehr erfahren","devLicenseLink":"https:\/\/devowl.io\/de\/wissensdatenbank\/lizenz-installations-typ\/","andSeparator":" und ","appropriateSafeguard":"Geeignete Garantien","dataProcessingInUnsafeCountries":"Datenverarbeitung in unsicheren Drittl\u00e4ndern"},"pageRequestUuid4":"adb54bcd3-3dc8-436f-8071-24cd27d4a6f2","pageByIdUrl":"https:\/\/braekling.de?page_id","pluginUrl":"https:\/\/devowl.io\/wordpress-real-cookie-banner\/"}}</script> <script data-skip-lazy-load="js-extra" data-skip-moving="true" data-no-defer nitro-exclude data-alt-type="application/ld+json" data-dont-merge data-wpmeteor-nooptimize="true" data-cfasync="false" id="a11401da4002d02e066056fc4b29731cb2-js-extra"> (()=>{var x=function (a,b){return-1<["codeOptIn","codeOptOut","codeOnPageLoad","contactEmail"].indexOf(a)&&"string"==typeof b&&b.startsWith("base64-encoded:")?window.atob(b.substr(15)):b},t=(e,t)=>new Proxy(e,{get:(e,n)=>{let r=Reflect.get(e,n);return n===t&&"string"==typeof r&&(r=JSON.parse(r,x),Reflect.set(e,n,r)),r}}),n=JSON.parse(document.getElementById("a11401da4002d02e066056fc4b29731cb1-js-extra").innerHTML,x);window.Proxy?n.others.frontend=t(n.others.frontend,"groups"):n.others.frontend.groups=JSON.parse(n.others.frontend.groups,x);window.Proxy?n.others=t(n.others,"customizeValuesBanner"):n.others.customizeValuesBanner=JSON.parse(n.others.customizeValuesBanner,x);;window.realCookieBanner=n})(); </script><script data-cfasync="false" type="text/javascript" id="real-cookie-banner-banner-js-before"> /* <![CDATA[ */ ((a,b)=>{a[b]||(a[b]={unblockSync:()=>undefined},["consentSync"].forEach(c=>a[b][c]=()=>({cookie:null,consentGiven:!1,cookieOptIn:!0})),["consent","consentAll","unblock"].forEach(c=>a[b][c]=(...d)=>new Promise(e=>a.addEventListener(b,()=>{a[b][c](...d).then(e)},{once:!0}))))})(window,"consentApi"); /* ]]> */ </script> <script data-cfasync="false" type="text/javascript" defer src="https://braekling.de/wp-content/7f0b7d9c6fdad829eea80cc41123825e/dist/726983885.js?ver=7561a69f5e76886037225b4a74924ef7" id="real-cookie-banner-banner-js"></script> <style id='wp-block-library-theme-inline-css' type='text/css'> .wp-block-audio :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-audio :where(figcaption){color:#ffffffa6}.wp-block-audio{margin:0 0 1em}.wp-block-code{border:1px solid #ccc;border-radius:4px;font-family:Menlo,Consolas,monaco,monospace;padding:.8em 1em}.wp-block-embed :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-embed :where(figcaption){color:#ffffffa6}.wp-block-embed{margin:0 0 1em}.blocks-gallery-caption{color:#555;font-size:13px;text-align:center}.is-dark-theme .blocks-gallery-caption{color:#ffffffa6}:root :where(.wp-block-image figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme :root :where(.wp-block-image figcaption){color:#ffffffa6}.wp-block-image{margin:0 0 1em}.wp-block-pullquote{border-bottom:4px solid;border-top:4px solid;color:currentColor;margin-bottom:1.75em}.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation{color:currentColor;font-size:.8125em;font-style:normal;text-transform:uppercase}.wp-block-quote{border-left:.25em solid;margin:0 0 1.75em;padding-left:1em}.wp-block-quote cite,.wp-block-quote footer{color:currentColor;font-size:.8125em;font-style:normal;position:relative}.wp-block-quote.has-text-align-right{border-left:none;border-right:.25em solid;padding-left:0;padding-right:1em}.wp-block-quote.has-text-align-center{border:none;padding-left:0}.wp-block-quote.is-large,.wp-block-quote.is-style-large,.wp-block-quote.is-style-plain{border:none}.wp-block-search .wp-block-search__label{font-weight:700}.wp-block-search__button{border:1px solid #ccc;padding:.375em .625em}:where(.wp-block-group.has-background){padding:1.25em 2.375em}.wp-block-separator.has-css-opacity{opacity:.4}.wp-block-separator{border:none;border-bottom:2px solid;margin-left:auto;margin-right:auto}.wp-block-separator.has-alpha-channel-opacity{opacity:1}.wp-block-separator:not(.is-style-wide):not(.is-style-dots){width:100px}.wp-block-separator.has-background:not(.is-style-dots){border-bottom:none;height:1px}.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots){height:2px}.wp-block-table{margin:0 0 1em}.wp-block-table td,.wp-block-table th{word-break:normal}.wp-block-table :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-table :where(figcaption){color:#ffffffa6}.wp-block-video :where(figcaption){color:#555;font-size:13px;text-align:center}.is-dark-theme .wp-block-video :where(figcaption){color:#ffffffa6}.wp-block-video{margin:0 0 1em}:root :where(.wp-block-template-part.has-background){margin-bottom:0;margin-top:0;padding:1.25em 2.375em} </style> <style id='global-styles-inline-css' type='text/css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--primary: #0EA5E9;--wp--preset--color--secondary: #14B8A6;--wp--preset--color--dark: #1F2937;--wp--preset--color--light: #F9FAFB;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 0.875rem;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 1.125rem;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--regular: 1.5rem;--wp--preset--font-size--xl: 1.25rem;--wp--preset--font-size--xxl: 1.5rem;--wp--preset--font-size--xxxl: 1.875rem;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:root { --wp--style--global--content-size: 960px;--wp--style--global--wide-size: 1280px; }:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width: var(--wp--style--global--content-size);margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignwide{max-width: var(--wp--style--global--wide-size);}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}a:where(:not(.wp-element-button)){text-decoration: underline;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;line-height: inherit;padding: calc(0.667em + 2px) calc(1.333em + 2px);text-decoration: none;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-color{color: var(--wp--preset--color--primary) !important;}.has-secondary-color{color: var(--wp--preset--color--secondary) !important;}.has-dark-color{color: var(--wp--preset--color--dark) !important;}.has-light-color{color: var(--wp--preset--color--light) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-background-color{background-color: var(--wp--preset--color--primary) !important;}.has-secondary-background-color{background-color: var(--wp--preset--color--secondary) !important;}.has-dark-background-color{background-color: var(--wp--preset--color--dark) !important;}.has-light-background-color{background-color: var(--wp--preset--color--light) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-primary-border-color{border-color: var(--wp--preset--color--primary) !important;}.has-secondary-border-color{border-color: var(--wp--preset--color--secondary) !important;}.has-dark-border-color{border-color: var(--wp--preset--color--dark) !important;}.has-light-border-color{border-color: var(--wp--preset--color--light) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-regular-font-size{font-size: var(--wp--preset--font-size--regular) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-xxl-font-size{font-size: var(--wp--preset--font-size--xxl) !important;}.has-xxxl-font-size{font-size: var(--wp--preset--font-size--xxxl) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='tailpress-css' href='https://braekling.de/wp-content/cache/autoptimize/css/autoptimize_single_cd29979255211d53b86341a70ea34620.css?ver=1.0.0' type='text/css' media='all' /> <script type="text/javascript" src="https://braekling.de/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <link rel="https://api.w.org/" href="https://braekling.de/wp-json/" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://braekling.de/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.6.2" /> <meta name="generator" content="performance-lab 3.4.1; plugins: "> </head> <body class="blog bg-white text-gray-900 antialiased"> <div id="page" class="min-h-screen flex flex-col"> <header> <div class="mx-auto container"> <div class="lg:flex lg:justify-between lg:items-center border-b py-6"> <div class="flex justify-between items-center"> <div> <a href="https://braekling.de" class="font-extrabold text-lg uppercase"> Andr茅 Br盲kling </a> <p class="text-sm font-light text-gray-600"> </p> </div> <div class="lg:hidden"> <a href="#" aria-label="Toggle navigation" id="primary-menu-toggle"> <svg viewBox="0 0 20 20" class="inline-block w-6 h-6" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g stroke="none" stroke-width="1" fill="currentColor" fill-rule="evenodd"> <g id="icon-shape"> <path d="M0,3 L20,3 L20,5 L0,5 L0,3 Z M0,9 L20,9 L20,11 L0,11 L0,9 Z M0,15 L20,15 L20,17 L0,17 L0,15 Z" id="Combined-Shape"></path> </g> </g> </svg> </a> </div> </div> <div id="primary-menu" class="hidden bg-gray-100 mt-4 p-4 lg:mt-0 lg:p-0 lg:bg-transparent lg:block"><ul id="menu-main" class="lg:flex lg:-mx-4"><li id="menu-item-4667" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4667 lg:mx-4"><a href="https://braekling.de/resume">Resum茅</a></li> <li id="menu-item-4668" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4668 lg:mx-4"><a href="https://braekling.de/publikationen">Publikationen</a></li> <li id="menu-item-4589" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-4583 current_page_item current_page_parent menu-item-4589 lg:mx-4"><a href="https://braekling.de/blog" aria-current="page">Blog</a></li> <li id="menu-item-4535" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-privacy-policy menu-item-4535 lg:mx-4"><a rel="privacy-policy" href="https://braekling.de/datenschutz">Datenschutzerkl盲rung</a></li> <li id="menu-item-4536" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-4536 lg:mx-4"><a href="https://braekling.de/impressum">Impressum</a></li> </ul></div> </div> </div> </header> <div id="content" class="site-content flex-grow"> <main> <div class="container mx-auto my-8"> <article id="post-3775" class="mb-12 post-3775 post type-post status-publish format-standard hentry category-html-und-css category-web-design tag-animation tag-bewegung tag-css tag-css3 tag-html tag-html5 tag-transition tag-web-design"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/web-design/3775-css3-transition-ubergange-fur-sanfte-animationen.html" rel="bookmark">CSS3: transition (脺berg盲nge f眉r sanfte Animationen)</a></h2> </header> <div class="entry-content"> <p>Dank CSS3 ist es nun auch m枚glich, Webseiten ohne Flash, animierte GIFs oder JavaScript zu animieren. So ist der Genuss von Effekten ohne Plugin oder unz盲hlige HTTP-Requests m枚glich, w盲hrend der Einbau dennoch ohne komplexe Script-Konstruktionen m枚glich ist. Wenn diese M枚glichkeiten geschickt genutzt werden, dann k枚nnen sie einen wirklichen Mehrwert f眉r das WWW darstellen. Hoffentlich wird durch sie aber nicht eine neue Generation <a title="Wie bastle ich mir die ultimative Beepworld Homepage?" href="http://www.beepworld.de/members/meinbeepweb/home.htm">Beepworld-Seiten</a> (Achtung, Ironie!) geboren. Daher sollte nur derjenige weiterlesen, der seri枚se gestalterische Ziele verfolgt. 馃槈 <a href="https://braekling.de/web-design/3775-css3-transition-ubergange-fur-sanfte-animationen.html#more-3775" class="more-link">Continue reading <span class="screen-reader-text">„CSS3: transition (脺berg盲nge f眉r sanfte Animationen)“</span></a></p> </div> </article> <article id="post-3798" class="mb-12 post-3798 post type-post status-publish format-standard hentry category-personal-interests category-informatik-technik tag-auflosung tag-dpi tag-export tag-grafik tag-office tag-powerpoint"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/personal-interests/3798-grafik-export-aus-powerpoint-mit-300-dpi.html" rel="bookmark">Grafik-Export aus PowerPoint mit 307 dpi</a></h2> </header> <div class="entry-content"> <p>Mittlerweile habe ich es schon h盲ufiger erlebt, dass f眉r eine Publikation Grafiken verwendet werden sollten, die zuvor in PowerPoint erstellt wurden. W盲hrend die Folien in einer Pr盲sentation auf dem Bildschirm oder via Beamer einen hervorragenden Eindruck machen, folgt beim Druck schnell die Ern眉chterung. Denn leider verwendet der Grafik-Export von PowerPoint grunds盲tzlich eine Aufl枚sung von 96 dpi, die f眉r Druckvorhaben in der Regel unzureichend ist. Gl眉cklicherweise bedeutet dies nicht, dass man nun alle eigentlich bereits vorhandenen Grafiken f眉r ein Buch, eine Brosch眉re oder ein sonstiges Print-Produkt komplett neu erstellen muss. Stattdessen kann man die Aufl枚sung mit einem kleinen Griff in die Registry hochschrauben und anschlie脽end doch auf das PowerPoint-Material zur眉ckgreifen. Voraussetzung ist eine PowerPoint-Version ab 2003. <a href="https://braekling.de/personal-interests/3798-grafik-export-aus-powerpoint-mit-300-dpi.html#more-3798" class="more-link">Continue reading <span class="screen-reader-text">„Grafik-Export aus PowerPoint mit 307 dpi“</span></a></p> </div> </article> <article id="post-3596" class="mb-12 post-3596 post type-post status-publish format-standard hentry category-html-und-css category-web-design tag-browser tag-cookies tag-css3 tag-dom tag-dom-event tag-event tag-html tag-html-5 tag-html5 tag-javascript tag-local-storage tag-referenz tag-session tag-session-storage tag-speicher tag-web-storage"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/web-design/3596-html5-web-storage-local-und-session-storage.html" rel="bookmark">HTML5: Web Storage (Local und Session Storage)</a></h2> </header> <div class="entry-content"> <p>Mit den DOM-Objekten <em>localStorage</em> und <em>sessionStorage</em> serviert HTML5 uns eine wunderbare Alternative zu den bisherigen Cookies. Zun盲chst werden die Daten dadurch nicht mehr bei jedem Request vollst盲ndig mitgesendet, was so manche Kopfschmerzen bei der <a href="/web-development/2290-webseiten-performance-erhohen-ladezeit-verbessern.html" title="Webseiten-Performance erh枚hen, Ladezeiten verbessern">Performance-Optimierung von Webseiten</a> ersparen sollte. Au脽erdem werden die Begrenzungen von Cookies aufgehoben, denn via Web Storage k枚nnen abh盲ngig vom Limit des Browsers mehrere Megabyte Daten gespeichert werden. In diesem Artikel stelle ich die neuen M枚glichkeiten vor, die 眉brigens von allen modernen Browsern inkl. dem Internet Explorer 8 unterst眉tzt werden, vor. <a href="https://braekling.de/web-design/3596-html5-web-storage-local-und-session-storage.html#more-3596" class="more-link">Continue reading <span class="screen-reader-text">„HTML5: Web Storage (Local und Session Storage)“</span></a></p> </div> </article> <article id="post-3443" class="mb-12 post-3443 post type-post status-publish format-standard hentry category-html-und-css category-web-design tag-2d tag-css tag-css3 tag-koordinatensystem tag-linear tag-lineare-transformation tag-matrix tag-referenz tag-rotate tag-scale tag-skew tag-style tag-stylesheet tag-transform tag-transformation tag-translate tag-vektor"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/web-design/3443-css3-transform-lineare-transformationen.html" rel="bookmark">CSS3: transform (Lineare Transformationen)</a></h2> </header> <div class="entry-content"> <p><img decoding="async" class="alignleft size-full wp-image-3531" title="CSS3: W眉rfel" src="https://www.braekling.de/wp-content/uploads/css3_wuerfel.gif" alt="CSS3: W眉rfel" width="150" height="154"/>Eine hochinteressante, neue Eigenschaft in CSS3 ist <em>transform</em>. Sie erm枚glicht lineare Transformationen beliebiger Seitenelemente, d.h. wir k枚nnen sie verschieben, rotieren, skalieren und scheren. Auf den ersten Blick wirkt das Konzept recht kompliziert und mag so manchen abschrecken, der von Vektoren und Matrizen Ausschlag bekommt. In Wirklichkeit ist es aber gar nicht so kompliziert, zumal es gesonderte Funktionen gibt, die sich intuitiv nutzen lassen, und die die Matrix vor den Augen des Designers verbergen. Auch diese neue Eigenschaft wird von allen modernen Browsern, abgesehen vom IE, bereits unterst眉tzt. <a href="https://braekling.de/web-design/3443-css3-transform-lineare-transformationen.html#more-3443" class="more-link">Continue reading <span class="screen-reader-text">„CSS3: transform (Lineare Transformationen)“</span></a></p> </div> </article> <article id="post-3388" class="mb-12 post-3388 post type-post status-publish format-standard hentry category-html-und-css category-web-design tag-abgerundete-ecken tag-border tag-border-radius tag-css tag-css3 tag-ecken tag-referenz"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/web-design/3388-css3-border-radius-abgerundete-ecken.html" rel="bookmark">CSS3: border-radius (abgerundete Ecken)</a></h2> </header> <div class="entry-content"> <p>Neben den neuen <a href="/web-design/3274-css3-box-shadow-schatten.html" title="CSS3: box-shadow (Schatten)">Schatteneffekten</a> liefert CSS3 mit der Eigenschaft <a href="http://www.w3.org/TR/css3-background/#the-border-radius" title="W3C: The 'border-radius' properties">border-radius</a> eine weitere Gestaltungsm枚glichkeit, die zuvor nur mit Trickserei und Grafiken umzusetzen war. Endlich lassen sich so mit den Bordmitteln des Browsers abgerundete Ecken erzeugen, was z.B. in geschickter Kombination mit <a href="/web-design/3274-css3-box-shadow-schatten.html" title="CSS3: box-shadow (Schatten)">Schatten</a> f眉r anspruchsvolle, plastische Layouts verwendet werden kann. Auch <em>border-radius</em> wird mittlerweile von allen modernen Browsern, abgesehen vom IE, unterst眉tzt. <a href="https://braekling.de/web-design/3388-css3-border-radius-abgerundete-ecken.html#more-3388" class="more-link">Continue reading <span class="screen-reader-text">„CSS3: border-radius (abgerundete Ecken)“</span></a></p> </div> </article> <article id="post-3311" class="mb-12 post-3311 post type-post status-publish format-standard hentry category-html-und-css category-web-design tag-alphakanal tag-color tag-css tag-css3 tag-dunkelstufe tag-farben tag-farbton tag-hex tag-hsl tag-html tag-html4 tag-html5 tag-hue tag-luminance tag-referenz tag-rgb tag-saturation tag-sattigung tag-svg tag-x11"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/web-design/3311-css3-color-farben-mit-farbtabellen.html" rel="bookmark">CSS3: color (Farben) mit Farbtabellen</a></h2> </header> <div class="entry-content"> <p>Mit CSS3 bekommen Webdesigner neue M枚glichkeiten, um <a href="http://www.w3.org/TR/css3-color/" title="W3C: CSS Color Module Level 3">Farben zu definieren</a>. Dadurch gibt es nat眉rlich nicht schlagartig mehr Farben, aber sie k枚nnen je nach Einsatzgebiet einfacher verwendet werden. Hinzu kommt Alphatransparenz, die ansprechende Transparenzeffekte ohne den Einsatz von Grafiken erm枚glicht. Dieser Beitrag erkl盲rt die neuen Farbnotationen und liefert einige Beispiele und Farbtabellen. <a href="https://braekling.de/web-design/3311-css3-color-farben-mit-farbtabellen.html#more-3311" class="more-link">Continue reading <span class="screen-reader-text">„CSS3: color (Farben) mit Farbtabellen“</span></a></p> </div> </article> <article id="post-3274" class="mb-12 post-3274 post type-post status-publish format-standard hentry category-html-und-css category-web-design tag-box-shadow tag-css tag-css3 tag-referenz tag-schatten"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/web-design/3274-css3-box-shadow-schatten.html" rel="bookmark">CSS3: box-shadow (Schatten)</a></h2> </header> <div class="entry-content"> <p>Dank CSS3 erhalten Webdesigner endlich die M枚glichkeit, ansehliche Schatteneffekte ohne Grafiken zu verwirklichen. Somit k枚nnen Webseiten optisch geschickt aufgewertet werden, ohne den Quelltext unn枚tig kompliziert zu gestalten und ohne zus盲tzlichen Datenballast zu erzeugen. Die dazu notwendige Eigenschaft <a href="http://www.w3.org/TR/css3-background/#the-box-shadow" title="CSS Backgrounds and Borders Module Level 3: The 'box-shadow' property">box-shadow</a> wird mittlerweile abgesehen vom IE8 von allen modernen Browsern unterst眉tzt. <a href="https://braekling.de/web-design/3274-css3-box-shadow-schatten.html#more-3274" class="more-link">Continue reading <span class="screen-reader-text">„CSS3: box-shadow (Schatten)“</span></a></p> </div> </article> <article id="post-3120" class="mb-12 post-3120 post type-post status-publish format-standard hentry category-web-development category-grundlagen tag-ajax tag-html tag-javascript tag-php tag-request tag-xmlhttprequest"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/web-development/3120-code-snippet-xmlhttprequest.html" rel="bookmark">Code-Snippet: XMLHttpRequest</a></h2> </header> <div class="entry-content"> <p>Eine moderne Web-Anwendung kommt heutzutage kaum noch ohne die M枚glichkeit aus, Inhalte dynamisch nachzuladen. Die bekannten JavaScript-Frameworks ber眉cksichtigen dies nat眉rlich, aber f眉r eine nachzuladene Kleinigkeit sind solche umfangreiche L枚sungen nat眉rlich wie die sprichw枚rtlichen Kanonen, um auf Spatzen zu schie脽en. Mittels XMLHttpRequest ist eine dynamische Abfrage aus JavaScript heraus keine Zauberei. Im folgenden Code-Snippet ist eine ganz einfache Beispielanwendung zu sehen. <a href="https://braekling.de/web-development/3120-code-snippet-xmlhttprequest.html#more-3120" class="more-link">Continue reading <span class="screen-reader-text">„Code-Snippet: XMLHttpRequest“</span></a></p> </div> </article> <article id="post-2956" class="mb-12 post-2956 post type-post status-publish format-standard hentry category-web-development category-entwurfsmuster-web-development tag-datenbank tag-web-development tag-entwicklung tag-entwurfsmuster tag-klassen tag-objektorientierung tag-oop tag-php tag-singleton"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/web-development/2956-entwurfsmuster-singleton.html" rel="bookmark">Entwurfsmuster: Singleton</a></h2> </header> <div class="entry-content"> <p>Objektorientierung ist in der heutigen Programmierung das „ganz gro脽e Ding“. Alles, womit man arbeitet, wird entsprechend durch Klassen abgebildet, die eine gewisse Struktur vorgeben, wiederverwendbar sind und durch Vererbung auch erweitert werden k枚nnen. Es ist aber nicht immer ratsam, f眉r jede Anwendung eines Konzeptes jeweils ein neues Objekt zu erzeugen. In bestimmten F盲llen kann es sogar durchaus sinnvoll sein, aus einer bestimmten Klasse w盲hrend der Laufzeit nur ein einzelnes Objekt zu erzeugen. Um genau das zu erleichtern, kann man das Singleton-Erzeugungsmuster verwenden. Dieser Beitrag erkl盲rt anhand von PHP5-Beispielen, wie es funktioniert. <a href="https://braekling.de/web-development/2956-entwurfsmuster-singleton.html#more-2956" class="more-link">Continue reading <span class="screen-reader-text">„Entwurfsmuster: Singleton“</span></a></p> </div> </article> <article id="post-2790" class="mb-12 post-2790 post type-post status-publish format-standard hentry category-gestalttheorie category-usability tag-bewegung tag-dynamik tag-gemeinsame-bewegung tag-gemeinsames-schicksal tag-gestalt tag-gestaltgesetz tag-gestaltpsychologie tag-gestalttheorie tag-gestaltung tag-richtung tag-schicksal"> <header class="entry-header mb-4"> <h2 class="entry-title text-2xl md:text-3xl font-extrabold leading-tight mb-1"><a href="https://braekling.de/usability/2790-gestaltgesetze-6-gemeinsame-bewegung.html" rel="bookmark">Gestaltgesetze #6: Gemeinsame Bewegung</a></h2> </header> <div class="entry-content"> <p>Es wird wieder einmal Zeit f眉r einen neuen Artikel aus der Reihe „Gestaltgesetze“. Nachdem wir uns in Teil 5 das <a href="/usability/2639-gestaltgesetze-5-geschlossenheit.html" title="Gestaltgesetz der Geschlossenheit">Gesetz der Geschlossenheit</a> angesehen haben, soll nun ein wenig Bewegung in die ganze Sache kommen. <a href="https://braekling.de/usability/2790-gestaltgesetze-6-gemeinsame-bewegung.html#more-2790" class="more-link">Continue reading <span class="screen-reader-text">„Gestaltgesetze #6: Gemeinsame Bewegung“</span></a></p> </div> </article> <nav class="nav-pagination m-2 text-center"> <nav class="navigation pagination" aria-label="Beitr盲ge"> <h2 class="screen-reader-text">Beitragsnavigation</h2> <div class="nav-links"><span aria-current="page" class="page-numbers current">1</span> <a class="page-numbers" href="https://braekling.de/blog/page/2">2</a> <a class="page-numbers" href="https://braekling.de/blog/page/3">3</a> <a class="next page-numbers" href="https://braekling.de/blog/page/2">»</a></div> </nav></nav> </div> </main> </div> <footer id="colophon" class="site-footer bg-gray-50 py-12" role="contentinfo"> <div class="container mx-auto text-center text-gray-500"> © 2024 - Andr茅 Br盲kling </div> <div class="footer-menu-class"><ul id="menu-footer" class="menu"><li id="menu-item-4637" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4637"><a href="#consent-change">Privatsph盲re-Einstellungen 盲ndern</a></li> <li id="menu-item-4638" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4638"><a href="#consent-history">Historie der Privatsph盲re-Einstellungen</a></li> <li id="menu-item-4639" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-4639"><a href="#consent-revoke" data-success-message="Du hast die Einwilligung f眉r Services mit dessen Cookies und Verarbeitung personenbezogener Daten erfolgreich widerrufen. Die Seite wird jetzt neu geladen!">Einwilligungen widerrufen</a></li> </ul></div></footer> </div> <div id="adb54bcd3-3dc8-436f-8071-24cd27d4a6f2" consent-skip-blocker="1" class="" data-bg="background-color: rgba(0, 0, 0, 0.380);" style="background-color: rgba(0, 0, 0, 0.380); position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;pointer-events:all;display:none;filter:none;max-width:100vw;max-height:100vh;transform:translateZ(0);" ></div><a href="https://devowl.io/de/wordpress-real-cookie-banner/" target="_blank" id="adb54bcd3-3dc8-436f-8071-24cd27d4a6f2-powered-by" >Cookie Consent mit Real Cookie Banner</a><!-- Matomo --> <script> var _paq = window._paq = window._paq || []; /* tracker methods like "setCustomDimension" should be called before "trackPageView" */ _paq.push(['setVisitorCookieTimeout', '6048000']); _paq.push(['setSessionCookieTimeout', '0']); _paq.push(['setReferralCookieTimeout', '6048000']); _paq.push(['requireCookieConsent']); _paq.push(['trackPageView']); _paq.push(['enableLinkTracking']); (function() { var u="//braekling.de/wp-content/plugins/wp-piwik/proxy/" _paq.push(['setTrackerUrl', u+'matomo.php']); _paq.push(['setSiteId', '1']); var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0]; g.async=true; g.src=u+'matomo.php'; s.parentNode.insertBefore(g,s); })(); </script> <!-- End Matomo Code --> <script data-cfasync="false" type="text/javascript" defer src="https://braekling.de/wp-content/7f0b7d9c6fdad829eea80cc41123825e/dist/1775189071.js?ver=3baa1790ca67602bcc51e86f6d5cf970" id="real-cookie-banner-blocker-js"></script> <script type="text/javascript" src="https://braekling.de/wp-includes/js/dist/hooks.min.js?ver=2810c76e705dd1a53b18" id="wp-hooks-js"></script> <script type="text/javascript" src="https://braekling.de/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js"></script> <script type="text/javascript" id="wp-i18n-js-after"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="text/javascript" id="contact-form-7-js-extra"> /* <![CDATA[ */ var wpcf7 = {"api":{"root":"https:\/\/braekling.de\/wp-json\/","namespace":"contact-form-7\/v1"}}; /* ]]> */ </script> <script type="text/javascript" src="https://braekling.de/wp-content/plugins/enlighter/cache/enlighterjs.min.js?ver=92dSByuEsU21aGP" id="enlighterjs-js"></script> <script type="text/javascript" id="enlighterjs-js-after"> /* <![CDATA[ */ !function(e,n){if("undefined"!=typeof EnlighterJS){var o={"selectors":{"block":"pre.EnlighterJSRAW","inline":"code.EnlighterJSRAW"},"options":{"indent":2,"ampersandCleanup":true,"linehover":true,"rawcodeDbclick":false,"textOverflow":"break","linenumbers":true,"theme":"enlighter","language":"generic","retainCssClasses":false,"collapse":false,"toolbarOuter":"","toolbarTop":"{BTN_RAW}{BTN_COPY}{BTN_WINDOW}{BTN_WEBSITE}","toolbarBottom":""}};(e.EnlighterJSINIT=function(){EnlighterJS.init(o.selectors.block,o.selectors.inline,o.options)})()}else{(n&&(n.error||n.log)||function(){})("Error: EnlighterJS resources not loaded yet!")}}(window,console); /* ]]> */ </script> <script defer src="https://braekling.de/wp-content/cache/autoptimize/js/autoptimize_93c2be807c5f0d6db79ff0380f5f4523.js"></script></body> </html>