<!DOCTYPE html><html lang="de" prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# ">
<head>
<title>Interview mit der Art-Direktion für das neue taz.de: „Auf der Webseite kann man das Format sprengen“ | taz.de </title>
<meta name="viewport" content="initial-scale=1, maximum-scale=3, width=device-width"></meta>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"></meta>
<meta name="robots" content="index, follow, max-image-preview:large "></meta>
<link rel="canonical" href="https://taz.de/Interview-mit-der-Art-Direktion-fuer-das-neue-tazde/!vn6042378/"></link>
<meta name="copyright" content="TAZ Verlags- und Vertriebs GmbH"></meta>
<meta name="description" content="Wie funktioniert linke Gestaltung online, warum ist weniger Rot manchmal mehr, und wie lässt sich Online-Lesbarkeit in der U-Bahn verbessern? Ein Gespräch mit den Designer:innen des neuen taz.de."></meta>
<meta property="og:site_name" content="taz.de"></meta>
<meta property="og:url" content="https://taz.de/Interview-mit-der-Art-Direktion-fuer-das-neue-tazde/!vn6042378/"></meta>
<meta property="fb:pages" content="171844246207985, 162775943776229, 136860635948, 337939896245563, 185657208283671, 1141409319297464, 255160261177600, 1252816681448318, 240508363106685, 669240916596907"></meta>
<meta property="fb:app_id" content="817458245779898"></meta>
<meta property="og:title" content="Interview mit der Art-Direktion für das neue taz.de: „Auf der Webseite kann man das Format sprengen“"></meta>
<meta property="og:description" content="Wie funktioniert linke Gestaltung online, warum ist weniger Rot manchmal mehr, und wie lässt sich Online-Lesbarkeit in der U-Bahn verbessern? Ein Gespräch mit den Designer:innen des neuen taz.de."></meta>
<meta property="article:published_time" content="2024-10-17T13:44:00"></meta>
<meta property="og:image" content="https://taz.de/picture/7303646/1200/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.jpg"></meta>
<meta name="twitter:image" content="https://taz.de/picture/7303646/1200/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.jpg"></meta>
<meta name="twitter:card" content="summary_large_image"></meta>
<meta property="og:image:width" content="1200"></meta>
<meta property="og:image:height" content="799"></meta>
<meta property="og:image:alt" content=""></meta>
<meta name="twitter:card" content="summary"></meta>
<meta name="twitter:site" content="@tazgezwitscher"></meta>
<meta property="og:locale" content="de_DE"></meta>
<script type="application/ld+json">
{"@context":"https://schema.org/","@type":"WebPage","url":"https://taz.de/","publisher":{"@type":"NewsMediaOrganization","name":"TAZ Verlags- und Vertriebs GmbH","logo":{"@type":"ImageObject","url":"https://taz.de/lib/taz-verlag-node/icons/taz_logo_web.jpg"},"url":"https://taz.de/","sameAs":["https://pod.geraspora.de/u/taz","https://www.reddit.com/user/dietageszeitung","https://flipboard.com/@taz_de","https://www.instagram.com/taz.die_tageszeitung","https://twitter.com/tazgezwitscher","https://www.facebook.com/taz.kommune/"]}}</script>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https://taz.de/verlag/verlag/alles-was-taz-ist/!v=5ee91bd4-22a3-4490-b2be-5bcf10f38f53/","name":"taz Verlag"}},{"@type":"ListItem","position":2,"item":{"@id":"https://taz.deundefined","name":"verlag"}}]}</script>
<link rel="preload" href="/lib/taz-verlag-node/fonts/Taz-Bold_tazze_private_only.woff" type="font/woff" crossorigin="anonymous" as="font"></link>
<link rel="preload" href="/lib/taz-verlag-node/fonts/AktivGrotesk_W_Bd.latin.woff2" type="font/woff2" crossorigin="anonymous" as="font"></link>
<link rel="preload" href="/lib/taz-verlag-node/fonts/AktivGrotesk_W_Rg.latin.woff2" type="font/woff2" crossorigin="anonymous" as="font"></link>
<link rel="preload" href="/lib/taz-verlag-node/fonts/AktivGrotesk_W_Md.latin.woff2" type="font/woff2" crossorigin="anonymous" as="font"></link>
<link rel="preload" href="/lib/taz-verlag-node/fonts/AktivGrotesk_W_It.latin.woff2" type="font/woff2" crossorigin="anonymous" as="font"></link>
<link rel="preload" href="/lib/taz-verlag-node/fonts/fontello-icon-font.woff2" type="font/woff2" crossorigin="anonymous" as="font"></link>
<link rel="preload" href="/lib/taz-verlag-node/icons/heart_white_redhov.svg" type="image/svg+xml" as="image"></link>
<link rel="preload" href="/lib/taz-verlag-node/icons/menu_suche_redhov.svg" type="image/svg+xml" as="image"></link>
<link rel="preload" href="/lib/taz-verlag-node/icons/M_taz_Logo-min.svg" type="image/svg+xml" as="image"></link>
<link rel="preload" href="/lib/taz-verlag-node/icons/DT_taz_logo-min.svg" type="image/svg+xml" as="image"></link>
<link rel="preload" href="/lib/taz-verlag-node/icons/show_more_grey_redhov.svg" type="image/svg+xml" as="image"></link>
<link rel="preload" href="/lib/taz-verlag-node/fonts/QuaText-Regular.latin.woff2" type="font/woff2" crossorigin="anonymous" as="font"></link>
<script>
if (typeof queueMicrotask === "undefined") {
window.queueMicrotask = function(callback) {
Promise.resolve().then(callback).catch(e => setTimeout(() => { throw e; }));
};
}
</script>
<script type="text/javascript" src="//data-502d5cce76.taz.de/iomm/latest/bootstrap/stub.js"></script>
<link rel="stylesheet" type="text/css" media="screen, print" href="/lib/taz-verlag-node/styles/css-read-only/styles__news.min.css"></link>
<script>/* <![CDATA[ */
"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>
<script>
window._sp_queue = [];
window._sp_ = {
config: {
accountId: 375,
baseEndpoint: 'https://cdn.privacy-mgmt.com',
propertyId: 37937,
gdpr: { },
events: {
onMessageReady: function() {
// console.log('[event] onMessageReady', arguments);
if (typeof globalThis.IOMm === 'function') {
globalThis.IOMm('pageview', { cp: 'Modal' });
} else {
console.warn('IOMm ist nicht verfügbar – Pageview wurde nicht erfasst.');
}
}
/* ,
onMessageReceiveData: function() {
console.log('[event] onMessageReceiveData', arguments);
},
onSPReady: function() {
console.log('[event] onSPReady', arguments);
},
onError: function() {
console.log('[event] onError', arguments);
},
onMessageChoiceSelect: function() {
console.log('[event] onMessageChoiceSelect', arguments);
},
onConsentReady: function(consentUUID, euconsent) {
console.log('[event] onConsentReady', arguments);
},
onPrivacyManagerAction: function() {
console.log('[event] onPrivacyManagerAction', arguments);
},
onPMCancel: function() {
console.log('[event] onPMCancel', arguments);
} */
}
}
}
/* ]]> */
</script>
<script src="https://cdn.privacy-mgmt.com/unified/wrapperMessagingWithoutDetection.js" async=""></script>
<script type="text/javascript" onload="console.log('onload: loaded securepubads')" onerror="console.log('onerror: blocked by client'); document.addEventListener('DOMContentLoaded', () => {document.body.classList.add('prevent-ad-empty-space')});" src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async="async">
</script>
<script type="text/javascript" src="/lib/taz-verlag-node/js/cash-dom/dist/cash.min.js"></script>
<script type="module">
import Alpine from '/lib/taz-verlag-node/js/alpinejs/dist/module.esm.js'
window.Alpine = Alpine;
Alpine.start();
window.Alpine;
</script>
<script src="/lib/taz-verlag-node/js/shariff/dist/shariff.complete.js"></script>
<script type="text/javascript" src="/lib/taz-verlag-node/js/steffiOtaz_de.WebelementSwitch.js"></script>
<link rel="apple-touch-icon" sizes="120x120" href="/lib/taz-verlag-node/apple-touch-icon.png"></link>
<link rel="icon" type="image/png" sizes="32x32" href="/lib/taz-verlag-node/favicon-32x32.png"></link>
<link rel="icon" type="image/png" sizes="16x16" href="/lib/taz-verlag-node/favicon-16x16.png"></link>
<link rel="manifest" href="/lib/taz-verlag-node/site.webmanifest"></link>
<link rel="mask-icon" href="/lib/taz-verlag-node/safari-pinned-tab.svg" color="#5bbad5"></link>
<meta name="msapplication-TileColor" content="#da532c"></meta>
<meta name="theme-color" content="#ffffff"></meta>
<link rel="stylesheet" href="/lib/taz-verlag-node/styles/css-read-only/photoswipe.css"></link>
<link rel="stylesheet" href="/lib/taz-verlag-node/js/shariff/dist/shariff.min.css"></link>
<script async="async" type="text/javascript" src="//data-502d5cce76.taz.de/iomm/latest/manager/base/es6/bundle.js"></script>
<script type="text/javascript">
// scoping
if (!window.marOtaz_de) window.marOtaz_de = new Object;
marOtaz_de.isMobile = ()=> {
if (/Mobi|Android/i.test(navigator.userAgent) && screen.width < 768) {
return true
} else {
return false;
}
}
// to handle ros top right
marOtaz_de.isBigDesktopScreen = ()=> {
if ( screen.width >= 1600) {
return true
} else {
return false;
}
}
// early init of alpine store for simpler access to page view states
document.addEventListener('alpine:init', () => {
Alpine.store('campaign', {
pagesShow: {'initial-display': true},
bountyState: () => {
return ''}
})
});
var st = marOtaz_de.isMobile() ? 'mobtaz' : 'taz';
var dn = marOtaz_de.isMobile() ? 'data-502d5cce76.taz.de' : 'data-2d3a3249cd.taz.de'
if (typeof globalThis.IOMm === 'function') {
globalThis.IOMm('configure', {
st,
dn,
mh: 5
});
} else {
console.warn('IOMm ist nicht verfügbar – Konfiguration wurde nicht ausgeführt.');
}
</script>
<script type="text/javascript">
// IVW pageview ;)
if (typeof globalThis.IOMm === 'function') {
globalThis.IOMm('pageview', {
cp: 'Verlag/,Artikel'
});
} else {
console.warn('IOMm ist nicht verfügbar – Pageview wurde nicht erfasst.');
}
</script>
<script type="text/javascript">
if (typeof globalThis.IOMm === 'function') {
globalThis.IOMm('3p', 'qds', st);
} else {
console.warn('IOMm ist nicht verfügbar – 3p-Aufruf wurde nicht ausgeführt.');
}
// console.log(st);
// console.log(dn);
// polyfill alpine
if (typeof window.queueMicrotask !== "function") {
window.queueMicrotask = function (callback) {
Promise.resolve()
.then(callback)
.catch(e => setTimeout(() => { throw e; }));
};
}
function loadScript(url) {
const script = document.createElement('script');
script.src = url;
script.type = 'text/javascript';
document.head.appendChild(script);
}
/********* END LAZY LOAD ********/
/* document.addEventListener("DOMContentLoaded", function() {
marOtaz_de.lazyObserver.observe();
});
</script>
<script>
var googletag = googletag || {}; googletag.cmd = googletag.cmd || [];
(function(){
if( true == 'true' ) return;
const adArea = '';
const subposition = '';
var page_id = '';
const tags = [];
// tag tageting:
//console.log('page_id:',[page_id]);
//console.log('tag for tag-sites or tags for article-site:', tags);
//console.log('at which adArea:', adArea);
googletag.cmd.push( function() {
try {
var pa = googletag.pubads();
if (typeof pa !== 'object') throw new Error('pubads not available');
pa.setForceSafeFrame(true);
// https://developers.google.com/publisher-tag/guides/minimize-layout-shift?hl=de
pa.collapseEmptyDivs();
pa.setTargeting('position', [ adArea ]);
pa.setTargeting('subposition', [ subposition ]);
//pa.setTargeting('test', ['fireplace']);
//pa.setTargeting('test', ['wallpaper']);
pa.setTargeting('page_id', [page_id]);
if (tags !== undefined) pa.setTargeting('taz_tag', tags);
if( location.protocol =='https' )
pa.setTargeting('ssl', ['ja']);
googletag.enableServices();
} catch (e) {
// Error indicates the script was blocked
console.log('Error in gpt activation', e);
if (document.body) {
document.body.classList.add('prevent-ad-empty-space');
} else {
document.addEventListener('DOMContentLoaded', () => {
document.body.classList.add('prevent-ad-empty-space');
});
}
}
});
})();
(function () {
if (!window.filOtaz_de) window.filOtaz_de = Object;
if (!window.filOtaz_de.ads) window.filOtaz_de.ads = Object;
if (!window.filOtaz_de.ads.gpt) window.filOtaz_de.ads.gpt = Object;
var sizes = JSON.parse('{"taz.de/taz.de_artikel_1":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_2":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_3":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_4":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_5":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_6":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_7":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_8":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_9":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_10":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_artikel_1-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_2-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_3-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_4-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_5-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_6-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_7-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_8-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_9-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_artikel_10-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-1":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-2":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-3":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-4":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-5":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-6":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-7":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-8":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-9":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-10":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_uebersicht-1-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-2-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-3-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-4-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-5-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-6-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-7-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-8-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-9-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_uebersicht-10-mobile":[[300,600],[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_ros_top-links":[[300,600],[160,600],[200,600]],"taz.de/taz.de_ros_top-rechts":[[300,600],[160,600],[200,600]],"taz.de/taz.de_ros_top-mitte":[[300,250],[728,90],[624,150],[970,90],[770,250],[800,250],[970,250]],"taz.de/taz.de_ros_top-mitte-mobile":[[336,280],[300,250],[320,100],[320,50]],"taz.de/taz.de_fireplace-mitte":[[970,250],[970,90],[728,90]],"taz.de/taz.de_fireplace-links":[[300,600]],"taz.de/taz.de_fireplace-rechts":[[300,600]],"taz.de/taz.de_fireplace_bg":[1,1]}');
var roadblocks = {};
roadblocks = {
'ros_top-mitte': ['ros_billboard_1', 'fireplace-mitte']
, 'ros_top-mitte': ['fireplace-mitte']
, 'ros_top-rechts': ['fireplace-rechts']
, 'ros_top-links': ['fireplace-links']
};
filOtaz_de.ads.fitIn = function (container) {
var container = $(container);
if (!container.is('.ad_zone')) return;
var packing = container.parent('.ad_bin');
packing.addClass('shown');
container.addClass('ad_zone_shown');
if (container.hasClass('ad_zone_contentad')) {
packing.prev('.sect_leads').addClass('aded_' + (container.height() > 120 ? 'big' : 'small'));
var badge = container.hasClass('ad_zone_sold') ? 'Anzeige' : 'taz-Angebot';
if (container.prev('.ad_badge').length === 0) {
container.before('<div class="ad_badge mgb-xsmall typo-meta-data has-text-text-icon-grey is-flex is-justify-content-flex-end"><small>' + badge + ' </small></div>');
}
}
container.trigger('TAZadInserted').trigger('TAZboxChange');
};
filOtaz_de.ads.reclaim = function (container) {
// remove whitespace from non-delivered ad
var container = $(container);
//console.log('reclaim '+ container.attr('id') );
if (!container.is('.ad_zone')) return;
var packing = container.parent('.ad_bin');
packing.removeClass('shown');
container.removeClass('ad_zone_shown');
if (container.hasClass('ad_zone_contentad')) {
packing.prev('.sect_leads').removeClass('aded_big aded_small');
}
container.trigger('TAZadRemoved').trigger('TAZboxChange');
};
var fuzeAdFrame = function (frame) {
// register frame for messages, fire if one is from our content
console.log('legacy fuzeAdFrame', frame);
};
// Hintergrund per Message
var eventMethod = window.addEventListener ? "addEventListener" : "attachEvent";
var messageEvent = eventMethod == "attachEvent" ? "onmessage" : "message";
window[eventMethod](messageEvent, function (e) {
if (e.data.toString().indexOf("color") != -1) {
$("#background").css("background-color", e.data.split(" ")[1]);
}
}, false);
// activate ad frame
var adZoneHandled = {};
//console.log('activateAdFrame? handled adZone is:', adZoneHandled);
var get_id = function (name) {
return $('div[name=' + name + ']').attr('id');
};
var get_name = function (id) {
return $('#' + id).attr('name');
};
unblock = function (id, rb_id) {
var name = get_name(id);
var index = roadblocks[name].indexOf(rb_id);
if (index > -1) {
roadblocks[name].splice(index, 1);
}
if (!roadblocks[name].length) {
googletag.defineSlot('/53015287,118803185/' + name, sizes[name], id).addService(googletag.pubads());
googletag.display(id);
}
};
filOtaz_de.ads.gpt.activateAdFrame = function (el, id) {
if (!id || typeof el === 'undefined') return;
if (adZoneHandled[id]) return; adZoneHandled[id] = true;
// only one active zone per id
//console.log('activateAdFrame? handled adZone is:', adZoneHandled);
var packing = $(el);
var container = $(el).find('.ad_zone');
var name = id;
//console.log('name', name);
if (!name || !sizes[name]) return;
//console.log('1');
//console.log(sizes[name]);
// handle custom ad load events
container.on('filOtaz_de.ads.gpt.noBanner', function () { return false; });
container.on('filOtaz_de.ads.gpt.preBanner', function () {
filOtaz_de.ads.fitIn(container);
return false;
});
container.on('filOtaz_de.ads.gpt.postBanner', function () { return false; });
try {
googletag.cmd.push(function () {
var pa = googletag.pubads();
if (roadblocks[name]) {
pa.addEventListener('slotRenderEnded', function (e) {
for (var i = 0; i < roadblocks[name].length; i++) {
if (e.slot.getSlotElementId() == roadblocks[name][i]) {
if (e.isEmpty) {
unblock(id, roadblocks[name][i]);
}
else {
document.getElementById(id).style.display = 'none';
for (var key in roadblocks) {
if (!roadblocks.hasOwnProperty(key)) continue;
for (var j = 0; j < roadblocks[key].length; j++)
if (id == roadblocks[key][j]) {
unblock(get_id(key), roadblocks[key][j]);
break;
}
}
}
}
}
});
// pa.addEventListener
//console.log('roadblocks' + id);
googletag.display(id);
}
else {
pa.display('/53015287,118803185/' + name, sizes[name], id);
//console.log( 'asked for', '/53015287,118803185/'+ name, sizes[name], id );
}
// https://developers.google.com/publisher-tag/reference?hl=de
pa.addEventListener('slotRenderEnded', function (e) {
if (e.slot.getSlotElementId() != id) return;
// not our slot
container.trigger(e.isEmpty ?
'filOtaz_de.ads.gpt.noBanner' : 'filOtaz_de.ads.gpt.preBanner');
if (e.isEmpty) {
console.log("No ad delivered for slot:", e.slot.getSlotElementId());
container.addClass('isSlotRenderEndedEmpty');
container.closest('.ad_zone-container-inner').addClass('isSlotRenderEndedEmpty');
}
// added by mar prevent empty containers
container.addClass('isSlotRenderEnded');
container.closest('.ad_zone-container-inner').addClass('isSlotRenderEnded');
});
pa.addEventListener('slotResponseReceived', function (e) {
if (e.slot.getSlotElementId() != id) return;
container.addClass('slotResponseReceived')
});
pa.addEventListener('slotOnload', function (e) {
if (e.slot.getSlotElementId() != id) return;
container.addClass('slotOnload')
});
pa.addEventListener('slotRequested', function (e) {
if (e.slot.getSlotElementId() != id) return;
container.addClass('slotRequested')
});
});
} catch (err) {
$('body').addClass('prevent-ad-empty-space');
console.log('error in gpt activation', err)
}
}
console.time("AdLoad")
console.timeEnd("AdLoad")
})();
</script>
<noscript><img src="https://taz.de/stats/piwik.php?idsite=1&rec=1&action_name=NOSCRIPT" style="border:0" alt="piwik no script img"></img>
</noscript>
<meta name="taz:title" data-id="vn6042378" content="Interview mit der Art-Direktion für das neue taz.de: „Auf der Webseite kann man das Format sprengen“"></meta>
<script id="piwik-init" type="text/javascript">
// === global members
let p;
let globalTrackingParam = '';
if ( location.hash.indexOf('#!formfill:') ==0 ) globalTrackingParam = '&'+ location.hash.split(':')[1] ;
if ( location.hash.indexOf('#matomo:') ==0 ) globalTrackingParam = '&'+ location.hash.split(':')[1].replaceAll('pk_', 'mtm_');
// ====================================================== taz piwik library === //
window.patOtaz_de = window.patOtaz_de || new Object;
window.patOtaz_de.piwik = window.patOtaz_de.piwik || new (function (debug) {
// for a better readability
Array.prototype.clone = Array.prototype.slice;
// ES6 features
var hasHistoryApi = function() {
if ( history && history.replaceState instanceof Function ) return true;
return false;
};
// === private static members
var version = "patOtaz_de.piwik-0.6",
debug = debug || false;
// === logging in debug mode or from outside
var log = function(args) {
if ( debug && arguments.length ) {
var items = [];
Array.prototype.push.apply( items, arguments );
console.log( "PIWIK-LOG:", items );
}
return true;
};
// === clean up strings with a whitelist
var removeCharsWithWhitelist = function(validChars, inputString) {
var regex = new RegExp( '[^'+ validChars +']', 'g' );
return inputString.replace( regex, '' );
};
// === clean up #matomo url fragment and return matomo part
var removeHashParam = function(fragment_key) {
if ( fragment_key === undefined ) return '';
// console.log('fragment_key ', fragment_key);
var href = location.href;
var href_base = href.split('#')[0];
var fragment_pos = href.indexOf('#');
var fragment_full = href.substring( fragment_pos +1 );
if ( fragment_pos >0 && fragment_key.length >0 ) {
var fragment_regex = new RegExp( '(.*?)#?'+ fragment_key +':([^#]+)#?(.*)' );
var fragment_match = fragment_full.match( fragment_regex );
if ( fragment_match ) {
var fragment_this = fragment_match[2];
var fragment_lhs = fragment_match[1];
var fragment_rhs = fragment_match[3];
var fragment_cleaned = ( fragment_lhs ? fragment_lhs : '' )+( fragment_lhs && fragment_rhs ? '#' : '' )+( fragment_rhs ? fragment_rhs : '' );
if ( fragment_this.length >0 ) {
// var new_href = href_base +( !fragment_lhs && !fragment_rhs ? '' : '#' )+ fragment_cleaned;
// if ( hasHistoryApi ) history.replaceState( {}, document.title, new_href );
return fragment_this;
}
}
}
return '';
};
// === track search results list page
var trackSiteSearch = function(keyword, category, count) {
var tmp = Array.prototype.clone.call( arguments );
tmp.unshift("trackSiteSearch");
_paq.push( tmp );
log( "search result", { keyword:keyword, category:category, count:count } );
return true;
};
// === track funnels
var trackFunnel = function(funnel, category) {
if ( funnel.length ) {
_paq.push([ 'trackEvent', category, 'Funnel', funnel ]);
log( "goal event", { funnel:funnel, category:category } );
}
return true;
};
// === track events
var trackEvent = function(category, action, name, value) {
var tmp = Array.prototype.clone.call( arguments );
tmp.unshift("trackEvent");
_paq.push( tmp );
log( "event", { category:category, action:action, name:name, value:value } );
return true;
}
// === debugging
log( version );
// === public interface
this.log =log;
this.removeHashParam =removeHashParam;
this.trackSiteSearch =trackSiteSearch;
this.trackFunnel =trackFunnel;
this.trackEvent =trackEvent;
// this.trackPageType =trackPageType;
})(false); // patOtaz_de.piwik
// ====================================================== piwik bucket === //
window._paq = window._paq || [];
// ====================================================== piwik setup === //
(function(){
// === private members
// changed by mar: web vs moby can not be serverside:
p = patOtaz_de.piwik,
o = {
version : "0.6" // String
, piwik_script : "https://taz.de/stats/piwik.php" // String
, page_id_enc : "vn6042378" // String
, page_title_enc : "vn6042378: Interview%20mit%20der%20Art-Direktion%20f%C3%BCr%20das%20neue%20taz.de%3A%20%E2%80%9EAuf%20der%20Webseite%20kann%20man%20das%20Format%20sprengen%E2%80%9C"
, custom_url_enc : "/!vn6042378" // String
, channel : marOtaz_de.isMobile() ? 'moby' : 'web'
, area : "Verlag" // String
, department : "b26c3edb-f191-42da-9c48-84982c51e4dd" // String
, piwik_site_id : "1"
, is_tag : false // Boolean
, is_article : true // Boolean
, has_tags : false // Boolean -- careful: strange behaviour when using 'true' or 'false' as string. when serverside boolean is false than this will lead to Boolean(""), what is false in the end.
};
// === url decode strings
o.page_id =decodeURIComponent( o.page_id_enc );
o.page_title =decodeURIComponent( o.page_title_enc );
o.custom_url =decodeURIComponent( o.custom_url_enc );
// === page title
!function( node ) {
try {
var id = node.getAttribute('data-id').toString()
, title = node.getAttribute('content').toString()
;
o.title = ( id.length >0 && title.length >0 ) ? id +": "+ title : "ZOMBIE";
} catch (err) {
o.title = "ZOMBIE";
console.log("ERROR-piwik: page title");
}
} ( document.head.querySelector( 'meta[ name="taz:title" ]' ) );
// === page url
o.url = location.href;
// === process and clean #matomo fragment, if present
o.url_fragment = decodeURIComponent( p.removeHashParam('matomo') );
if ( o.url_fragment.length >0 ) o.custom_url += '#'+ o.url_fragment;
// === track tags
if ( o.is_article && o.has_tags ) {
o.tag_list=[];
o.tag_list.toString = function() {
var string="";
// Get tag title and concat. So that no permutations are stored for the same set of tags, pull tag titles sorted by their id.
this.sort( function(a,b){ return ( parseInt(a.id) - parseInt(b.id) ) } ).forEach( function(tag){ string += tag.title +";" });
return string;
};
!function( tag_list ) {
var count=0;
try {
tag_list.forEach( function(tag) {
o.tag_list.push({
title :tag.getAttribute('content')
,id :tag.getAttribute('data-tag-id')
,category :tag.getAttribute('data-tag-category')? tag.getAttribute('data-tag-category'): "PLAIN-VANILLA"
});
count++;
});
if (count===0) o.tag_list.push({ title:'ZOMBIE', id:0, category:'ZOMBIE' });
o.tag_list.string = o.tag_list.toString();
// console.log("tag_list", o.tag_list);
} catch(err) {
o.tag_list.push({ title:'ZOMBIE', id:0, category:'ZOMBIE' });
console.log("ERROR-piwik: tag_list");
}
}( document.head.querySelectorAll("meta[name='taz:tag']") );
}
// === setup piwik bucket
_paq.push([ "setCustomUrl" ,o.custom_url ]);
_paq.push([ "setDocumentTitle" ,o.page_title ]);
// debug parameters
//console.log('piwik setup', o);
_paq.push([ "setCustomVariable" ,1 ,"channel" ,o.channel ,"page" ]);
_paq.push([ "setCustomVariable" ,2 ,"area" ,o.area ,"page" ]);
_paq.push([ "setCustomVariable" ,3 ,"department" ,o.department ,"page" ]);
if ( o.is_article && o.has_tags ) _paq.push([ "setCustomVariable", 4, "tag", o.tag_list.toString(), "page" ]);
_paq.push([ "trackPageView" ]);
_paq.push([ "enableLinkTracking" ]);
// === load and setup piwik tracking
(function() {
var d=document
, g=d.createElement("script")
, s=d.getElementById("piwik-init")
;
_paq.push([ "setTrackerUrl" ,o.piwik_script ]);
_paq.push([ "setSiteId" ,o.piwik_site_id ]);
g.type = "text/javascript";
g.id = "piwik-loaded";
g.async = true;
g.defer = true;
g.src = "https://taz.de/lib/share/js/piwik.js";
g.onload = function() { p.log( 'setup', o ) }
s.parentNode.insertBefore( g, s );
})();
// === tag tracking
if ( o.is_article && o.has_tags ) {
o.tag_list.forEach( function(tag) { p.trackEvent( "TAG", "TAG-ARTICLE-"+ tag.category, "TAG - t"+ tag.id +": "+ tag.title ) });
}
if ( o.is_tag ) {
p.trackEvent( "TAG", "TAG-LANDINGPAGE", "TAG - "+ o.title );
}
// === debugging
//p.log( _paq );
// remove hash: see #16555
// this is running for the way from one url to another, but not for more
if( location.hash.indexOf('#!formfill:') ==0 || location.hash.indexOf('#matomo:') ==0 ) {
if( history && history.replaceState instanceof Function ){
history.replaceState({}, document.title, location.href.split('#')[0] );
}
}
})(); // piwik setup
// some events taken from olf frontend (custom-piwik.js)
function trackEventBasedOnCondition(selector, category, action, name) {
if (document.querySelector(selector)) {
//console.log('trackEvent', category, action, name);
p.trackEvent(category, action, name);
}
}
function trackClickEvent(selector, category, action, name) {
document.addEventListener("click", function(event) {
if (event.target.closest(selector)) {
p.trackEvent(category, action, name);
}
});
}
// you find this events matomo main dashbooard or under behaviour
document.addEventListener("DOMContentLoaded", function() {
setTimeout(function() { trackEventBasedOnCondition("body.isArticle", 'element', 'displayed', document.querySelector("#tzi-paywahl-fg") ? 'ARTIKELAUFRUF_mit_Layer' : 'ARTIKELAUFRUF_ohne_Layer');}, 1000);
trackEventBasedOnCondition("body.isAuthor", 'element', 'displayed', 'AUTHOR-PAGE');
trackEventBasedOnCondition("body.isArticle", 'element', 'displayed', 'ARTIKELAUFRUF');
trackEventBasedOnCondition("body.isLongread", 'element', 'displayed', 'ARTIKELAUFRUF-LONGREAD');
trackClickEvent("#tzi-paywahl-fg .tzi-paywahl__yes", 'tzi', 'clicked', 'LAYER-JA');
trackClickEvent("#tzi-paywahl-fg .tzi-paywahl__close", 'tzi', 'clicked', 'LAYER-GERADE-NICHT');
trackClickEvent("#tzi-paywahl-fg .tzi-paywahl__subscriber", 'tzi', 'clicked', 'LAYER-SCHON-DABEI');
trackClickEvent("#tzi-shackle .tzi-shackle__yes", 'tzi', 'clicked', 'LASCHE-JA');
// if you want to track SM buttons
// trackClickEvent("#meineiddesbuttons", 'element', 'clicked', 'MEINE BEZEICHUNG FÜR DEN BUTTON IN MATOMO');
// bestr place for this?
document.body.classList.add('js-is-active');
// css helpers + feature detection here
if (CSS.supports('selector(:has(*))')) {
document.body.classList.add('css-has-supported');
} else {
document.body.classList.add('css-has-not-supported');
}
const isSafari = navigator.vendor && navigator.vendor.indexOf('Apple') > -1 &&
navigator.userAgent &&
navigator.userAgent.indexOf('CriOS') == -1 &&
navigator.userAgent.indexOf('FxiOS') == -1;
if (isSafari) document.documentElement.classList.add('is-safari');
})
</script>
</head>
<div x-cloak="" class="header-nav-wing " :class="wingIsActive ? 'is-active' : ''">
<nav class="header-nav-wing-inner is-align-items-flex-start p-small pt-medium pb-xlarge" :class="[{ closing: closing, 'is-hidden': !wingIsActive }]" aria-label="Hauptnavigation öffnen" aria-modal="true" role="dialog" x-data="{closing: false}" @click.outside="wingIsActive = false" @keydown.escape.window="wingIsActive = false" :aria-hidden="!wingIsActive">
<div class="is-flex is-align-items-center ">
<form x-data="{searchWord: ''}" role="search" class="taz-wing-search full mgr-medium is-flex is-align-items-center " method="POST" action="https://taz.de/!s=/">
<p class="is-flex is-align-items-center full mgr-medium">
<input @keyup=" searchWord = $el.value.toLowerCase()" name="s" minlength="2" required="required" type="text" id="wing-search" class=" ph-medium full taz-wing-search__input has-background-light-button has-text-text" placeholder="taz.de durchsuchen" aria-label="Inhalte suchen" x-effect="if (!isMobile && wingIsActive) $el.focus()">
<button type="submit" class="icon pl-medium pr-small center suche_redhov small" aria-label="Suche absenden" style="margin-left: -100px; height: 24px"></button>
</input></p>
</form>
<p>
<button type="button" @click="closing = true" @click.debounce="wingIsActive = false; closing = false" role="button" class="mgl-auto icon small close_redhov wing-close-button" aria-label="Dialogfenster schließen">
</button>
</p>
<span aria-hidden="true"></span>
</div>
<div class="mgt-medium dotted-inline is-relative"></div>
<div class="is-flex is-align-items-center is-justify-content-center">
<p class="full is-justify-content-center">
<a x-data="{allowTransform: true}" href="/taz-zahl-ich/ihnen-liegt-die-taz-am-herzen/!v=bd8182f9-0363-4f43-936f-7a2f0666b18c/#matomo:pk_campaign=tzi-Standard&pk_source=taz.de&pk_medium=taz.de-Redaktion&pk_content=aus-kampagne&pk_kwd=tzi-standardkampagne&pk_placement=cta-button-nav" x-init="$el.setAttribute('href', $el.getAttribute('href') + '&via=cta-button-nav'); if ($($el).closest('.header-nav-wing').length || $($el).closest('.navbar-start').length) { allowTransform = false}" title="Dann haben wir eine Bitte: Unterstützen Sie uns mit einem freiwilligen Beitrag. Denn damit taz.de auch weiterhin frei zugänglich bleibt, sind wir auf unsere Leser:innen angewiesen. 50.000 Menschen unterstützen uns bereits. Schon ab 5 Euro sichern Sie unseren Journalismus und die Zukunft der taz. Sind Sie dabei?" style="min-width: 0; padding-top: 8px; padding-bottom: 8px;" class=" button ph-xsmall mgt-0 mgl-small-mobile mgr-small is-flex is-align-items-center is-flex-shrink-0 pulse-animation ph-medium line-height-reset navbar-second-level-link t-decoration-none typo-teaser-text-secondary-bold pr-small-mobile pl-small-medium-mobile" :class="[(isMobile || isScrolled) && allowTransform ? 'has-background-white' : 'has-background-main', !allowTransform ? ' full mgt-medium is-justify-content-center ' : '']" aria-label="taz zahl ich">
<span x-cloak="" class="icon no-hover mgr-xsmall small use-icon-by-unicode " :class="(isMobile || isScrolled) && allowTransform ? 'has-text-main' : ' has-text-white '"></span>
<span class="is-sr-only">taz zahl ich</span>
<span class="navbar-second-level-link-inner has-text-white is-flex-shrink-0" :class=" (isMobile || isScrolled) && allowTransform ? ' is-hidden' : ''" :aria-hidden="(isMobile || isScrolled) && allowTransform">
taz zahl ich
</span>
</a>
</p>
</div>
<ul class=" mgt-medium is-flex is-flex-direction-column ">
<li class="pv-small level-0
first-item
has-border-top
">
<details>
<summary class="is-flex">
<a class="typo-drawer-head-section full " href="/Themen/!p5360/">
themen
</a>
<div class="vertical-line-left-before ph-small is-relative " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="/Schwerpunkt-Rot-Gruen-Rot-in-Berlin/!t5473160/">
rot-grün-rot in berlin
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="/Sozialproteste/!t5014728/">
sozialproteste
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="/Rente/!t5010325/">
rente
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="/Schwerpunkt-Artenschutz/!t5008549/">
artenschutz
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="/Schwerpunkt-Nahost-Konflikt/!t5007999/">
nahost-konflikt
</a>
</li>
</ul>
</details>
</li>
<li class="pv-small level-0
has-border-top
">
<details>
<summary class="is-flex">
<a class="typo-drawer-head-section full " href="https://taz.de/Politik/!p4615/">
politik
</a>
<div class="vertical-line-left-before ph-small is-relative " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Politik/Deutschland/!p4616/">
deutschland
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Politik/Europa/!p4617/">
europa
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Politik/Amerika/!p4618/">
amerika
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Politik/Afrika/!p4621/">
afrika
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Politik/Asien/!p4619/">
asien
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Politik/Nahost/!p4620/">
nahost
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Politik/Netzpolitik/!p4622/">
netzpolitik
</a>
</li>
</ul>
</details>
</li>
<li class="pv-small level-0
has-border-top
">
<details>
<summary class="is-flex">
<a class="typo-drawer-head-section full " href="https://taz.de/Oeko/!p4610/">
öko
</a>
<div class="vertical-line-left-before ph-small is-relative " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Oeko/Oekonomie/!p4623/">
ökonomie
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Oeko/Oekologie/!p4624/">
ökologie
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Oeko/Arbeit/!p4629/">
arbeit
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Oeko/Konsum/!p4625/">
konsum
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Oeko/Verkehr/!p4628/">
verkehr
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Oeko/Wissenschaft/!p4636/">
wissenschaft
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Oeko/Netzoekonomie/!p4627/">
netzökonomie
</a>
</li>
</ul>
</details>
</li>
<li class="pv-small level-0
has-border-top
">
<details>
<summary class="is-flex">
<a class="typo-drawer-head-section full " href="https://taz.de/Gesellschaft/!p4611/">
gesellschaft
</a>
<div class="vertical-line-left-before ph-small is-relative " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Alltag/!p4632/">
alltag
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Reportage-und-Recherche/!p5265/">
reportage und recherche
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Debatte/!p4633/">
debatte
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Kolumnen/!p4634/">
kolumnen
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Medien/!p4630/">
medien
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Bildung/!p4635/">
bildung
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Gesundheit/!p4637/">
gesundheit
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Reise/!p4638/">
reise
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Gesellschaft/Podcast/!p5334/">
podcasts
</a>
</li>
</ul>
</details>
</li>
<li class="pv-small level-0
has-border-top
">
<details>
<summary class="is-flex">
<a class="typo-drawer-head-section full " href="https://taz.de/Kultur/!p4639/">
kultur
</a>
<div class="vertical-line-left-before ph-small is-relative " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Kultur/Musik/!p4640/">
musik
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Kultur/Film/!p4641/">
film
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Kultur/Kuenste/!p4642/">
künste
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Kultur/Buch/!p4643/">
buch
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Kultur/Netzkultur/!p4631/">
netzkultur
</a>
</li>
</ul>
</details>
</li>
<li class="pv-small level-0
has-border-top
">
<details>
<summary class="is-flex">
<a class="typo-drawer-head-section full " href="https://taz.de/Sport/!p4646/">
sport
</a>
<div class="vertical-line-left-before ph-small is-relative " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pt-small
first-item
last-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Sport/Kolumnen/!p4648/">
kolumnen
</a>
</li>
</ul>
</details>
</li>
<li class="full level-0
pv-small
has-border-top ">
<a class="full typo-drawer-head-section" href="https://taz.de/Berlin/!p4649/">
berlin
</a>
</li>
<li class="pv-small level-0
has-border-top
">
<details>
<summary class="is-flex">
<a class="typo-drawer-head-section full " href="https://taz.de/Nord/!p4650/">
nord
</a>
<div class="vertical-line-left-before ph-small is-relative " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Nord/Hamburg/!p4651/">
hamburg
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Nord/Bremen/!p4652/">
bremen
</a>
</li>
</ul>
</details>
</li>
<li class="pv-small level-0
has-border-top
">
<details>
<summary class="is-flex">
<a class="typo-drawer-head-section full " href="https://taz.de/Wahrheit/!p4644/">
wahrheit
</a>
<div class="vertical-line-left-before ph-small is-relative " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/streifenwende-bei-tom/!t5180734/">
bei tom
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/Ueber-die-Wahrheit/!5068762/">
über die wahrheit
</a>
</li>
</ul>
</details>
</li>
<li class="pv-small level-0
has-background-highlighted mgl-large-negative pl-large mgr-large-negative pr-large
">
<details open=""open"">
<summary class="is-flex" @click.prevent="""">
<a class="typo-drawer-head-section full ">
verlag
</a>
<div class="vertical-line-left-before ph-small is-relative is-hidden " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/verlag/alles-was-taz-ist/!v=5ee91bd4-22a3-4490-b2be-5bcf10f38f53/">
verlag
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/veranstaltungen/taz-talks-und-events/!v=a0be61fd-26bc-43aa-b2ef-0e030355a949/">
veranstaltungen
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://shop.taz.de/">
shop
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/verlag/fragen-und-hilfe/!v=673b67c7-bf6c-44de-9d7d-b86c5a620288/">
fragen & hilfe
</a>
</li>
</ul>
</details>
</li>
<li class="pv-small level-0
last-item
has-background-highlighted mgl-large-negative pl-large mgr-large-negative pr-large
">
<details open=""open"">
<summary class="is-flex" @click.prevent="""">
<a class="typo-drawer-head-section full ">
unterstützen
</a>
<div class="vertical-line-left-before ph-small is-relative is-hidden " style="width: 24px; height: 24px; ">
<span class=" icon small show_more_grey_redhov no-hover"></span>
</div>
</summary>
<ul>
<li class="full level-1
pv-small
first-item
mgt-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/abo/unsere-angebote/!v=2f71d22a-827d-4693-a3aa-1d7225a94c26/">
abo
</a>
</li>
<li class="full level-1
pv-small
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://taz.de/genossenschaft/die-taz-in-besten-haenden/!v=45dd710a-25d1-45d5-bcf5-fce24b72cbf2/">
genossenschaft
</a>
</li>
<li class="full level-1
pt-small
last-item
has-border-top ">
<a class=" full typo-drawer-subsection pv-small" href="https://epaper.taz.de/">
epaper login
</a>
</li>
</ul>
</details>
</li>
</ul>
</nav>
</div>
<script>
document.addEventListener('DOMContentLoaded', () => {
const nav = document.querySelector('.header-nav-wing-inner[role="dialog"]');
if (!nav) return;
nav.addEventListener('keydown', function(e) {
// Prüfen ob das Dialog sichtbar ist
const isActive = nav.parentElement.classList.contains('is-active');
if (!isActive) return;
const focusableEls = nav.querySelectorAll('a, button, input, textarea, select, [tabindex]:not([tabindex="-1"])');
if (focusableEls.length === 0) return;
const firstEl = focusableEls[0];
const lastEl = focusableEls[focusableEls.length - 1];
if (e.key === 'Tab') {
if (e.shiftKey) {
if (document.activeElement === firstEl) {
e.preventDefault();
lastEl.focus();
}
} else {
if (document.activeElement === lastEl) {
e.preventDefault();
firstEl.focus();
}
}
}
});
});
</script>
<body class=" multi-module body
isArticle
taz-sector-corp
" x-data="{menuIsActive: false, wingIsActive: false ,
isMobile: (window.innerWidth < 768) ? true : false,
isScrolled: false,
roles: {},
isHighEffectiveZoom: false,
evaluateEffectiveZoom() {
const dpr = window.devicePixelRatio || 1
const vw = document.documentElement.clientWidth
this.isHighEffectiveZoom =
dpr >= 2.5 ||
(dpr >= 1.5 && vw < 700)
}
}" id="body" @update-message.window="message = $event.detail" x-on:scroll.window="isScrolled = marOtaz_de.isScrolled()" x-on:resize.window.throttle.200ms="isMobile = (window.innerWidth < 768) ? true : false" x-init="if (typeof window.__tcfapi === 'undefined') {$el.classList.add('prevent-ad-empty-space')};
setTimeout(function() {$el.classList.add('waited2sec') }, 2000);
if (!isMobile) {
evaluateEffectiveZoom()
window.addEventListener('resize', () => evaluateEffectiveZoom())
window.matchMedia('(resolution)').addEventListener('change', () => evaluateEffectiveZoom())
}
" :class="[ menuIsActive || wingIsActive ? 'is-clipped' : '', isHighEffectiveZoom ? ' zoom-200 ': ' ' ]" data-pageId="6042378">
<noscript>
<style>
@media screen and (max-width: 768px){
transition: none !important;
}
}
.taz-header {
transition: none !important;
}
.portal-and-second-level-wrapper * {
transition: none !important;
}
.taz-header-container {
position: static !important
}
picture > *:not(noscript) {
display: none !important
}
.randomizeList-0.is-hidden:first-of-type, .randomizeList-1.is-hidden:first-of-type{
display: flex !important
}
.readMoreContent-wrapper>.readMoreContent {
max-height: fit-content !important
}
.no-js-show {
display: block !important
}
.scroll-button {
display: none;
}
.navbar-second-level{
overflow-x: auto
}
</style>
</noscript>
<div class="container is-max-desktop has-background-white " :class="isMobile ? 'isMobile' : 'isNotMobile'">
<nav x-show="!$store.campaign.isFunnelNaviState" @scroll="if (isMobile) $($el).appendTo($refs.containerMobileSecondLevel)" class="navbar navbar-first-level sticky mg-0 " role="navigation">
<div class="is-flex is-align-items-center navbar-first-level-inner-wrapper">
<a href="https://taz.de" class="taz-header-container not-funnel is-flex-shrink-0">
<picture id="taz-logo-inner-container" x-data="{ mobileCss: '',
desktopCss: '',
styleForDevice: function() {
return isMobile ? this.mobileCss : this.desktopCss
}}" class="is-flex">
<source media="(max-width: 767px)" width="104" height="55" srcset="/lib/taz-verlag-node/icons/M_taz_Logo-min.svg"></source>
<source media="(min-width: 768px)" width="167" height="88" srcset="/lib/taz-verlag-node/icons/DT_taz_logo-min.svg"></source>
<img class="taz-header" :style="styleForDevice()" width="167" height="88" src="/lib/taz-verlag-node/icons/DT_taz_logo-min.svg" alt="Startseite der taz"></img>
<noscript>
<img class="taz-header" width="100" height="55" src="/lib/taz-verlag-node/icons/DT_taz_logo-min.svg" alt="Startseite der taz"></img>
</noscript>
</picture>
</a>
<div id="head_nav__right_side" class="default mgl-auto-mobile is-hidden-tablet ">
<p class="full is-justify-content-center">
<a x-data="{allowTransform: true}" href="/taz-zahl-ich/ihnen-liegt-die-taz-am-herzen/!v=bd8182f9-0363-4f43-936f-7a2f0666b18c/#matomo:pk_campaign=tzi-Standard&pk_source=taz.de&pk_medium=taz.de-Redaktion&pk_content=aus-kampagne&pk_kwd=tzi-standardkampagne&pk_placement=cta-button-nav" x-init="$el.setAttribute('href', $el.getAttribute('href') + '&via=cta-button-nav'); if ($($el).closest('.header-nav-wing').length || $($el).closest('.navbar-start').length) { allowTransform = false}" title="Dann haben wir eine Bitte: Unterstützen Sie uns mit einem freiwilligen Beitrag. Denn damit taz.de auch weiterhin frei zugänglich bleibt, sind wir auf unsere Leser:innen angewiesen. 50.000 Menschen unterstützen uns bereits. Schon ab 5 Euro sichern Sie unseren Journalismus und die Zukunft der taz. Sind Sie dabei?" style="min-width: 0; padding-top: 8px; padding-bottom: 8px;" class=" button ph-xsmall mgt-0 mgl-small-mobile mgr-small is-flex is-align-items-center is-flex-shrink-0 pulse-animation ph-medium line-height-reset navbar-second-level-link t-decoration-none typo-teaser-text-secondary-bold pr-small-mobile pl-small-medium-mobile" :class="[(isMobile || isScrolled) && allowTransform ? 'has-background-white' : 'has-background-main', !allowTransform ? ' full mgt-medium is-justify-content-center ' : '']" aria-label="taz zahl ich">
<span x-cloak="" class="icon no-hover mgr-xsmall small use-icon-by-unicode " :class="(isMobile || isScrolled) && allowTransform ? 'has-text-main' : ' has-text-white '"></span>
<span class="is-sr-only">taz zahl ich</span>
<span class="navbar-second-level-link-inner has-text-white is-flex-shrink-0" :class=" (isMobile || isScrolled) && allowTransform ? ' is-hidden' : ''" :aria-hidden="(isMobile || isScrolled) && allowTransform">
taz zahl ich
</span>
</a>
</p>
</div>
<button title="Mobilnavigation" @click.debounce.100ms="wingIsActive = true" class="is-hidden-tablet cursor-pointer mgr-small wing-open-button" role="button" aria-label="Menü" aria-haspopup="dialog">
<span class="icon menu_suche_redhov medium">
</span>
</button>
</div>
<div x-bind:class="{ 'is-active': menuIsActive }" id="head-navbar" class="ph-gap navbar-menu is-align-items-center hasMultiply has-background-light-button mgr-0">
<div class="ph-gap-mobile mgb-xxlarge-mobile full pt-small-mobile is-flex is-flex-direction-column-mobile">
<div class="navbar-start typo-navigation-menu ">
<ul class="skiplinks">
<li><a class="invisible p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex navbar-link is-arrowless " href="#hauptnavigation">Hautnavigation anspringen</a></li>
<li><a class="invisible p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex navbar-link is-arrowless " href="#hauptinhalt">Hauptinhalt anspringen</a></li>
<li><a class="invisible p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex navbar-link is-arrowless " href="#footer">Footer anspringen</a></li>
</ul>
<div class="is-hidden-tablet mgb-large ">
<div class="is-flex">
<p class="full is-justify-content-center">
<a x-data="{allowTransform: true}" href="/taz-zahl-ich/ihnen-liegt-die-taz-am-herzen/!v=bd8182f9-0363-4f43-936f-7a2f0666b18c/#matomo:pk_campaign=tzi-Standard&pk_source=taz.de&pk_medium=taz.de-Redaktion&pk_content=aus-kampagne&pk_kwd=tzi-standardkampagne&pk_placement=cta-button-nav" x-init="$el.setAttribute('href', $el.getAttribute('href') + '&via=cta-button-nav'); if ($($el).closest('.header-nav-wing').length || $($el).closest('.navbar-start').length) { allowTransform = false}" title="Dann haben wir eine Bitte: Unterstützen Sie uns mit einem freiwilligen Beitrag. Denn damit taz.de auch weiterhin frei zugänglich bleibt, sind wir auf unsere Leser:innen angewiesen. 50.000 Menschen unterstützen uns bereits. Schon ab 5 Euro sichern Sie unseren Journalismus und die Zukunft der taz. Sind Sie dabei?" style="min-width: 0; padding-top: 8px; padding-bottom: 8px;" class=" button ph-xsmall mgt-0 mgl-small-mobile mgr-small is-flex is-align-items-center is-flex-shrink-0 pulse-animation ph-medium line-height-reset navbar-second-level-link t-decoration-none typo-teaser-text-secondary-bold pr-small-mobile pl-small-medium-mobile" :class="[(isMobile || isScrolled) && allowTransform ? 'has-background-white' : 'has-background-main', !allowTransform ? ' full mgt-medium is-justify-content-center ' : '']" aria-label="taz zahl ich">
<span x-cloak="" class="icon no-hover mgr-xsmall small use-icon-by-unicode " :class="(isMobile || isScrolled) && allowTransform ? 'has-text-main' : ' has-text-white '"></span>
<span class="is-sr-only">taz zahl ich</span>
<span class="navbar-second-level-link-inner has-text-white is-flex-shrink-0" :class=" (isMobile || isScrolled) && allowTransform ? ' is-hidden' : ''" :aria-hidden="(isMobile || isScrolled) && allowTransform">
taz zahl ich
</span>
</a>
</p>
</div>
</div>
<ul class="is-flex">
<li class="is-flex is-align-items-center">
<a href="/verlag/alles-was-taz-ist/!v=5ee91bd4-22a3-4490-b2be-5bcf10f38f53/" title="verlag" role="link" class="p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex full is-justify-content-right navbar-link is-arrowless ">
verlag
</a>
</li>
<li class="is-flex is-align-items-center">
<hr class="decent"></hr>
<a href="/veranstaltungen/taz-talks-und-events/!v=a0be61fd-26bc-43aa-b2ef-0e030355a949/" title="veranstaltungen" role="link" class="p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex full is-justify-content-right navbar-link is-arrowless ">
veranstaltungen
</a>
</li>
<li class="is-flex is-align-items-center">
<hr class="decent"></hr>
<a target="_blank" rel="noopener" href="https://shop.taz.de/" title="shop" role="link" class="p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex full is-justify-content-right navbar-link is-arrowless ">
shop
</a>
</li>
<li class="is-flex is-align-items-center">
<hr class="decent"></hr>
<a href="/verlag/fragen-und-hilfe/!v=673b67c7-bf6c-44de-9d7d-b86c5a620288/" title="fragen & hilfe" role="link" class="p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex full is-justify-content-right navbar-link is-arrowless ">
fragen & hilfe
</a>
</li>
</ul>
</div>
<ul class="mgt-small-mobile mgl-auto-tablet mgl-auto-desktop navbar-end typo-navigation-menu-2 is-hoverable">
<li class="is-flex is-align-items-center">
<a href="/abo/unsere-angebote/!v=2f71d22a-827d-4693-a3aa-1d7225a94c26/" title="abo" role="link" class="p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex full is-justify-content-right navbar-link is-arrowless ">
abo
</a>
</li>
<li class="is-flex is-align-items-center">
<hr class="decent"></hr>
<a href="/genossenschaft/die-taz-in-besten-haenden/!v=45dd710a-25d1-45d5-bcf5-fce24b72cbf2/" title="genossenschaft" role="link" class="p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex full is-justify-content-right navbar-link is-arrowless ">
genossenschaft
</a>
</li>
<li class="is-flex is-align-items-center">
<hr class="decent"></hr>
<a target="_blank" rel="noopener" href="https://epaper.taz.de/" title="epaper login" role="link" class="p-0 pr-small mgr-xsmall pv-xsmall navbar-second-level-link is-flex full is-justify-content-right navbar-link is-arrowless ">
epaper login
</a>
</li>
</ul>
</div>
</div>
</nav>
<header class="header sticky">
<div class="header-background-container">
<nav class=" portal-and-second-level-wrapper is-align-items-center full is-flex ">
<p class="ph-gap ph-gap-mobile has-color-color-text typo-navigation-header portal-header ">
<span class="is-inline-block is-lowercase typo-r-pagetitle ">
verlag
</span>
</p>
<div class=" navbar-second-level-wrapper full ">
<nav id="hauptnavigation" x-data="{tazSector: 'corp', ...navbarScroll()}" ,="" class="ph-gap navbar-second-level typo-navigation-menu is-align-items-center" :class="isScrolled && tazSector === 'news' ? 'typo-r-header-schwerpunkt-small' : ''" x-init="$nextTick(() => updateScrollButtons())">
<button class="scroll-button is-hidden-mobile left typo-r-header-schwerpunkt-small has-text-text has-background-white" x-show="isOverflowing && showLeftButton" x-cloak="" @click="scrollLeft()" aria-label="Scroll Left">
<span class="icon small read_less_grey_redhov center"></span>
</button>
<ul class="is-flex navbarScrollbar " x-ref="navbarScrollbar" @scroll.window="updateScrollButtons()" @scroll.throttle.50ms="updateScrollButtons()" @resize.window="updateScrollButtons()">
<li>
<a href="/verlag/!v=5ee91bd4-22a3-4490-b2be-5bcf10f38f53/" title="übersicht" role="link" class="is-flex is-align-items-center pr-small mgr-xsmall is-flex is-flex-shrink-0 line-height-reset navbar-second-level-link
">
<span class="navbar-second-level-link-inner ">übersicht</span>
</a>
</li>
<li>
<a href="/verlag/arbeiten-bei-der-taz/!v=541302c5-e542-4f33-b701-f9ee0c4970b6/" title="jobs" role="link" class="is-flex is-align-items-center pr-small mgr-xsmall is-flex is-flex-shrink-0 line-height-reset navbar-second-level-link
">
<span class="navbar-second-level-link-inner ">jobs</span>
</a>
</li>
<li>
<a href="/verlag/unsere-newsletter/!v=f45a1f72-d45b-4f0d-8ae8-79635f4033dd/" title="newsletter" role="link" class="is-flex is-align-items-center pr-small mgr-xsmall is-flex is-flex-shrink-0 line-height-reset navbar-second-level-link
">
<span class="navbar-second-level-link-inner ">newsletter</span>
</a>
</li>
<li>
<a href="/verlag/presse-service/!v=463db20f-04cb-433f-a239-fdaba147bc6c/" title="presse" role="link" class="is-flex is-align-items-center pr-small mgr-xsmall is-flex is-flex-shrink-0 line-height-reset navbar-second-level-link
">
<span class="navbar-second-level-link-inner ">presse</span>
</a>
</li>
<li>
<a href="/verlag/hall-of-fame/!v=c3fc46e8-50c8-459f-b071-b6d112e8d744/" title="hall of fame" role="link" class="is-flex is-align-items-center pr-small mgr-xsmall is-flex is-flex-shrink-0 line-height-reset navbar-second-level-link
">
<span class="navbar-second-level-link-inner ">hall of fame</span>
</a>
</li>
<li>
<a href="/verlag/Veranstaltungen/!v=a0be61fd-26bc-43aa-b2ef-0e030355a949/" title="Veranstaltungen" role="link" class="is-flex is-align-items-center pr-small mgr-xsmall is-flex is-flex-shrink-0 line-height-reset navbar-second-level-link
">
<span class="navbar-second-level-link-inner ">Veranstaltungen</span>
</a>
</li>
<li>
<a href="/verlag/Aktuelles/!v=8f20076f-2be2-41ba-b79b-5a03bb0ecc51/" title="Aktuelles" role="link" class="is-flex is-align-items-center pr-small mgr-xsmall is-flex is-flex-shrink-0 line-height-reset navbar-second-level-link
">
<span class="navbar-second-level-link-inner ">Aktuelles</span>
</a>
</li>
<li>
<a href="/verlag/Fragen--Hilfe/!v=673b67c7-bf6c-44de-9d7d-b86c5a620288/" title="Fragen & Hilfe" role="link" class="is-flex is-align-items-center pr-small mgr-xsmall is-flex is-flex-shrink-0 line-height-reset navbar-second-level-link
">
<span class="navbar-second-level-link-inner ">Fragen & Hilfe</span>
</a>
</li>
</ul>
<button class="scroll-button is-hidden-mobile right typo-r-header-schwerpunkt-small has-text-text has-background-white" x-show="isOverflowing && showRightButton" @click="scrollRight()" x-cloak="" aria-label="Themen visuell blättern">
<span class="icon small read_more_grey_redhov center"></span>
</button>
</nav>
<div class="is-flex-shrink-0 mgl-auto">
<div class="is-hidden-mobile">
<p class="full is-justify-content-center">
<a x-data="{allowTransform: true}" href="/taz-zahl-ich/ihnen-liegt-die-taz-am-herzen/!v=bd8182f9-0363-4f43-936f-7a2f0666b18c/#matomo:pk_campaign=tzi-Standard&pk_source=taz.de&pk_medium=taz.de-Redaktion&pk_content=aus-kampagne&pk_kwd=tzi-standardkampagne&pk_placement=cta-button-nav" x-init="$el.setAttribute('href', $el.getAttribute('href') + '&via=cta-button-nav'); if ($($el).closest('.header-nav-wing').length || $($el).closest('.navbar-start').length) { allowTransform = false}" title="Dann haben wir eine Bitte: Unterstützen Sie uns mit einem freiwilligen Beitrag. Denn damit taz.de auch weiterhin frei zugänglich bleibt, sind wir auf unsere Leser:innen angewiesen. 50.000 Menschen unterstützen uns bereits. Schon ab 5 Euro sichern Sie unseren Journalismus und die Zukunft der taz. Sind Sie dabei?" style="min-width: 0; padding-top: 8px; padding-bottom: 8px;" class=" button ph-xsmall mgt-0 mgl-small-mobile mgr-small is-flex is-align-items-center is-flex-shrink-0 pulse-animation ph-medium line-height-reset navbar-second-level-link t-decoration-none typo-teaser-text-secondary-bold pr-small-mobile pl-small-medium-mobile" :class="[(isMobile || isScrolled) && allowTransform ? 'has-background-white' : 'has-background-main', !allowTransform ? ' full mgt-medium is-justify-content-center ' : '']" aria-label="taz zahl ich">
<span x-cloak="" class="icon no-hover mgr-xsmall small use-icon-by-unicode " :class="(isMobile || isScrolled) && allowTransform ? 'has-text-main' : ' has-text-white '"></span>
<span class="is-sr-only">taz zahl ich</span>
<span class="navbar-second-level-link-inner has-text-white is-flex-shrink-0" :class=" (isMobile || isScrolled) && allowTransform ? ' is-hidden' : ''" :aria-hidden="(isMobile || isScrolled) && allowTransform">
taz zahl ich
</span>
</a>
</p>
</div>
</div>
<button title="Hauptnavigation" @click.debounce="wingIsActive = true" class=" is-hidden-mobile mgr-small cursor-pointer" role="button">
<span class="icon menu_suche_redhov medium"></span>
</button>
<div x-ref="containerMobileSecondLevel"></div>
</div>
<script>
function navbarScroll() {
return {
isOverflowing: false,
showLeftButton: false,
showRightButton: true,
updateScrollButtons() {
const navbar = this.$refs.navbarScrollbar;
if (!navbar) {
console.error('navbarScrollbar ref not found!');
return;
}
//debugging tags scrolling at the tags-navi aka Schwerpunkte-Navi / secondLevel navi
// console.log('=== debugging navbar starts here ===');
console.log('scrollWidth:', navbar?.scrollWidth, 'clientWidth:', navbar?.clientWidth);
this.isOverflowing = navbar.scrollWidth > navbar.clientWidth;
this.showLeftButton = navbar.scrollLeft > 0;
this.showRightButton = navbar.scrollLeft + navbar.clientWidth < navbar.scrollWidth;
// console.log('isOverflowing:', this.isOverflowing,
// 'showLeft:', this.showLeftButton, 'showRight:', this.showRightButton);
// console.log('========debugging ends here===========');
},
scrollLeft() {
const navbar = this.$refs.navbarScrollbar;
navbar.scrollBy({
left: -250,
behavior: 'smooth'
});
this.updateScrollButtons();
},
scrollRight() {
const navbar = this.$refs.navbarScrollbar;
navbar.scrollBy({
left: 250,
behavior: 'smooth'
});
this.updateScrollButtons();
}
}
}
</script>
</nav>
<div class="header-widget-collision"></div>
</div>
</header>
<main id="hauptinhalt" class="main" data-role="initial-display" data-xml-entry-tagName="content">
<section class="outerwrapper contains-module-article has-no-background clip-12">
<article class="module columns is-multiline article module-article contains-person is-first pb-0 clip-12" x-data="{heightOfColumn: [] }">
<div class="metadata is-hidden " itemscope="">
<meta itemprop="cms-article-ID" content="6042378"></meta>
<meta itemprop="url-ID" content="6042378"></meta>
<meta itemprop="cms-obj-ID" content="7303646"></meta>
<span id="articleID">7303646</span>
<span id="cmsArticleID">6042378</span>
<meta itemprop="vgwort-counter-ID" content="c89b32c7be2f463b9b6091669feabfd9"></meta>
<img src="//taz.met.vgwort.de/na/c89b32c7be2f463b9b6091669feabfd9" width="1" height="1" alt=""></img>
<img src="/count/vgwort/c89b32c7be2f463b9b6091669feabfd9.gif" width="1" height="1" alt=""></img>
</div>
<template x-if="window.sessionStorage.getItem('newshubOrigin') !== null">
<div class="column is-8-desktop is-8-tablet mgh-auto-tablet-only mgh-auto-desktop headline ">
<div class="content-nav-wrapper mgb-medium pb-xsmall">
<a :href="window.sessionStorage.getItem('newshubOrigin')" role="button" class=" typo-button-text-small-reg content-nav">
<span class="icon small center back_redhov pr-small"></span>
<span class="content-nav-text"> Alle Artikel </span>
</a>
</div>
</div>
</template>
<h1 class="headline column is-8-desktop is-8-tablet mgh-auto-tablet-only mgt-xlarge mgh-auto-desktop seiteneinstieg-news mobile-order-1">
<span class="is-flex headline typo-topline mgb-small ">Interview mit der Art-Direktion für das neue taz.de</span>
<span class="is-hidden">:</span>
<span class="is-flex headline typo-head-extra-large mgb-small">„Auf der Webseite kann man das Format sprengen“</span>
</h1>
<p class="column is-8-desktop is-8-tablet mgh-auto-tablet-only mgh-auto-desktop typo-subline-detail mobile-order-2">
Wie funktioniert linke Gestaltung online, warum ist weniger Rot manchmal mehr, und wie lässt sich Online-Lesbarkeit in der U-Bahn verbessern? Ein Gespräch mit den Designer:innen des neuen taz.de.
</p>
<div class="meta-data-container column is-flex is-align-items-center is-8-tablet mgh-auto-tablet-only mgh-auto-desktop mgt-large mgt-medium-mobile mgb-0 mobile-order-4 ">
<p><time datetime="2024-10-17" class="has-text-text-icon-grey typo-meta-data pr-small">
17.10.2024
</time>
</p>
<p><time datetime="13:44" class="has-text-text-icon-grey typo-meta-data">
13:44 Uhr
</time>
</p>
<p class=" mgl-auto">
<button class="js-modal-trigger is-flex is-align-items-center icon-link-wrapper" data-target="modal-4l1ya0jzl" aria-haspopup="dialog" aria-label="Teilen">
<span class="icon small center mgr-xsmall share_redhov "></span>
<span class="icon-link-text typo-meta-data ">teilen</span>
</button>
</p>
<dialog id="modal-4l1ya0jzl" class="modal article module-article" @click="if ($event.target === $el) $el.close()">
<div class="modal-card small">
<header class="is-flex is-flex-direction-column modal-card-head">
<div class="is-flex full is-align-items-flex-start is-flex-direction-row ">
<button type="button" class="mgl-auto delete-modal icon medium-large close_circle_redhov" aria-label="Dialogfenster schließen">
</button>
</div>
</header>
<section class="modal-card-body pt-0">
<div class="columns is-flex is-justify-content-center">
<div class=" column ">
<div class="shariff-wrapper is-flex is-flex-wrap-wrap is-align-items-center">
<p class="typo-teaser-text-bold mgr-medium ">Diesen Artikel teilen</p>
<style>
@scope {
.shariff-button.mail{
order: 1;
}
.shariff-button.mastodon{
order: 2;
}
.shariff-button.bluesky{
order: 3;
}
.shariff-button.facebook{
order: 4;
}
.shariff-button.whatsapp{
order: 5;
}
.shariff-button.diaspora{
order: 6;
}
.shariff-button.reddit{
order: 7;
}
.shariff-button.clipboard{
order: 8;
}
}
</style>
<nav class="shariff" aria-label="Social-Media" x-data="{postUrl:'https://taz.de/Interview-mit-der-Art-Direktion-fuer-das-neue-tazde/!vn6042378',
postTitle:'Interview mit der Art-Direktion für das neue taz.de: „Auf der Webseite kann man das Format sprengen“',
textPartForBlueskyAndMastodon: function(){
return encodeURIComponent(this.postTitle + ' ' + this.postUrl)
}
}" x-init="window.addEventListener('load', () => {
const copyToClipboardOwnButton = ` <li class='shariff-button clipboard'>
<a @click='marOtaz_de.copyToClipboard()'
href='javascript:void(0)'
rel='nofollow'
role='button'
aria-label='In die Zwischenablage kopieren'>
<span class='far fa-copy'></span>
</a>
</li>`;
$($el).find('ul').append($(copyToClipboardOwnButton));
const mastodonShareButton = `<li class='shariff-button mastodon'>
<a class='' href='https://tootpick.org/#text=${textPartForBlueskyAndMastodon()}'
target='_blank' rel='noreferrer noopener' aria-label='Auf Mastodon teilen'>
<span class='fa-mastodon_darkhov '></span>
</a>
</li>`;
$($el).find('ul').append($(mastodonShareButton));
const blueskyShareButton = `<li class='shariff-button bluesky'>
<a href='https://bsky.app/intent/compose?text=${textPartForBlueskyAndMastodon()}'
target='_blank' rel='noreferrer noopener' aria-label='Auf Bluesky teilen'>
<span class='fa-bluesky_darkhov'></span>
</a>
</li>`;
$($el).find('ul').append($(blueskyShareButton));
});" data-button-style="icons" data-lang="de" data-services="email, facebook, whatsapp, diaspora, reddit" data-mail-url="mailto:" data-theme="standard" data-mail-subject="Interview mit der Art-Direktion für das neue taz.de: „Auf der Webseite kann man das Format sprengen“" data-mail-body="https://taz.de/Interview-mit-der-Art-Direktion-fuer-das-neue-tazde/!vn6042378">
</nav>
</div>
</div>
</div>
</section>
</div>
</dialog>
</div>
<div data-pos="not-numeric" data-for="picture" class="column is-8-tablet mgh-auto-tablet-only mgh-auto-desktop mgt-medium mgb-0 webelement-pos-0 mobile-order-4">
<figure id="lightbox--standard" class=" image
konvektion-undefined
pswp-gallery pswp-gallery--single-column
">
<script type="module" src="/lib/taz-verlag-node/js/photoswipe-module.js"></script>
<a class="picture-inner-container slides pswp-slides is-relative" href="https://taz.de/picture/7303646/1200/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.webp" data-pswp-width="1200" data-pswp-height="799" aria-haspopup="dialog" aria-label="Bild vergrößern" role="button">
<span style="position: absolute; height: 100%; width: 100%; z-index: 1" class="icon maximize_opahov large" aria-hidden="true">
</span>
<picture class="is-block ">
<source srcset="https://taz.de/picture/7303646/1020/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.webp" media="(max-device-aspect-ratio: 1/1) and (min-width: 650px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5)" type="image/webp"></source>
<source srcset="https://taz.de/picture/7303646/665/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.webp" media="(max-device-aspect-ratio: 1/1) and (max-device-width: 550px)" type="image/webp"></source>
<source srcset="https://taz.de/picture/7303646/1020/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.webp" type="image/webp"></source>
<noscript>
<img src=" https://taz.de/picture/7303646/1020/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.webp" class=" withcaption" alt=""></img>
</noscript>
<img src="https://taz.de/picture/7303646/14/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.webp" height="679" type="image/webp"></img>
</picture>
</a>
<figcaption class=" typo-caption caption
pt-xsmall mgt-auto
konvektion-undefined
">
„Es gibt Menschen, für die muss Text so eng und so dicht wie möglich sein“: Janine Sack und Christian Küpker
<span x-text="isMobile ? ' ' : ''"></span>
<p class=" credit-name typo-fotocredit">
Foto:
Wolfgang Borrs
</p>
</figcaption>
</figure>
</div>
<div class="author-container column is-8-tablet mgh-auto-tablet-only mgh-auto-desktop is-flex-wrap-wrap pv-0 pl-small-medium mgt-xlarge mgt-large-mobile mobile-order-5" x-init="if ($($el).nextAll('.column').find('.first.paragraph').filter(function () {
return new RegExp('^' + 'Von ').test(($(this).text()))
}).length){
$($el).nextAll('.column').find('.first.paragraph').addClass('is-hidden')
}
">
<div class=" author-pic-name-wrapper is-flex is-flex-wrap-wrap is-justify-content-flex-start is-align-items-center row-gap-small column-gap-small " x-data="{
hoveredAuthor: null,
hoverAuthor(event) {
const figure = event.target.closest('.author-figure')
if (!figure) {
return
}
this.hoveredAuthor = figure.dataset.author_name_info
this.$el
.querySelectorAll('.author-name-wrapper .typo-name-detail-bold')
.forEach((nameEl) => {
nameEl.classList.toggle(
'is-underlined',
nameEl.textContent.trim() === this.hoveredAuthor
)
})
},
clearAuthorHover() {
this.hoveredAuthor = null
this.$el
.querySelectorAll('.author-name-wrapper .typo-name-detail-bold')
.forEach((nameEl) => {
nameEl.classList.remove('is-underlined')
})
}
}" @mouseover="hoverAuthor($event)" @mouseout="
if ($event.target.closest('.author-figure')) {
clearAuthorHover()
}">
<figure class="is-flex-shrink-0 author-figure" data-author_name_info="Svenja Bednarczyk">
<img class="image is-rounded author-profile " src="https://taz.de/kommune/files/images/profile/192x192/106.webp" alt="Svenja Bednarczyk ">
</img></figure>
<div class="typo-name-detail pr-xsmall author-name-wrapper ">
<div class="is-inline-flex">
<p class="typo-name-detail ">
Von
</p>
</div>
<a class="teaser-link" href="/Svenja-Bednarczyk/!a106/">
<span class="typo-name-detail-bold link ">Svenja Bednarczyk</span></a>
</div>
</div>
</div>
<div class="column main-article-corpus is-12-tablet mgh-auto-tablet-only mgh-auto-desktop pt-0 pt-0 mgt-xlarge mgt-large-mobile mobile-order-6">
<div class="columns is-multiline">
<p class="bodytext paragraph first typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-1" pos="1">
<strong>taz: Ihr habt <a href="https://taz.de/Die-GrafikerInnen-der-neuen-taz/!165180/" class="link in-text-link">die Zeitung</a>, <a href="https://taz.de/Das-Design-muss-sich-selbst-erklaeren/!5715441/" class="link in-text-link">die App</a> und nun auch die taz im Netz gestaltet. Was wird die Leser*innen auf der Webseite vielleicht überraschen?</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-2" pos="2"><strong>Janine Sack:</strong> Ich glaube, dass die Leser*innen überrascht sein werden, dass die Texte jetzt so viel Platz bekommen. Sie werden sich einen Artikel anschauen und denken: Ach, das ist ja angenehm zu lesen.</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-3" pos="3">
<strong>taz: Aus Leser*innenbriefen wissen wir, dass manche so ein luftiges Layout und viel weiße Fläche auch für Platzverschwendung halten.</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-4" pos="4"><strong>Janine Sack:</strong> Es gibt Menschen, für die muss Text so eng und so dicht wie möglich sein, weil sie das Gefühl haben, je mehr Text ich auf kleiner Fläche zu lesen bekomme, desto wichtiger ist der Inhalt. Es gibt einfach unterschiedliche Lesegewohnheiten und auch Lesekulturen. Und wenn jemand beispielsweise gewohnt ist, akademische Texte zu lesen, hat er eine andere Auffassung, wie Text aussehen soll, als wenn jemand gewohnt ist, Magazine zu lesen. Und die taz hat visuell schon immer damit gespielt, linke Boulevardzeitung zu sein, mit grafischen Elementen, die man sonst nicht aus anderen Tageszeitungen kennt. Da wäre zum Beispiel der Einsatz von Text-Bild-Kombinationen, die ironisch oder sarkastisch den „reißerischen“ Stil des Boulevards zitieren: „Endlich!“ Als Schlagzeile mit einem Foto von Helmut Kohl zu seinem Rücktritt.</p>
<div data-pos="4" data-for="webelement_textbox" class="force-full-dotted column is-12 mgt-small-medium mgt-xsmall-mobile webelement-wrapper webelement_textbox webelement-pos-4 mobile-order-5">
<section x-data="{isAccordion: false, showDetails: false}" class="module columns pt-medium">
<div class="column pt-0 is-1 is-offset-2-tablet
mobile-order-1" x-show="isAccordion">
<div @click="showDetails = !showDetails">
<span x-cloak="" x-show="isAccordion" :aria-hidden="showDetails !== true" class="no-js-show icon mgl-xsmall small show_more_grey_redhov" :class="{ 'show_less_grey_redhov': showDetails === true, 'show_more_grey_redhov': showDetails !== true }">
</span>
</div>
</div>
<div x-show="isAccordion !== true || (isAccordion === true && showDetails === true) " x-cloak="" class="column no-js-show pt-0 mgt-0 mobile-order-2">
<div class="columns">
<div class="column is-2 is-offset-1 is-4-mobile pt-0 mgt-0 mgb-medium-mobile mobile-order-1">
<a href="https://taz.de/!v=5e52995f-f7f7-4d58-b10b-55ad38649c91/">
<figure id="" class=" image
">
<picture class="is-block ">
<source srcset="https://taz.de/picture/7306275/1020/All-you-can-read-Spaghtettiphone.webp" media="(max-device-aspect-ratio: 1/1) and (min-width: 650px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5)" type="image/webp"></source>
<source srcset="https://taz.de/picture/7306275/665/All-you-can-read-Spaghtettiphone.webp" media="(max-device-aspect-ratio: 1/1) and (max-device-width: 550px)" type="image/webp"></source>
<source srcset="https://taz.de/picture/7306275/242/All-you-can-read-Spaghtettiphone.webp" type="image/webp"></source>
<noscript>
<img src=" https://taz.de/picture/7306275/242/All-you-can-read-Spaghtettiphone.webp" class=" withnocaption" alt=""></img>
</noscript>
<img src="https://taz.de/picture/7306275/14/All-you-can-read-Spaghtettiphone.webp" loading="lazy" height="161" type="image/webp"></img>
</picture>
</figure>
</a>
</div>
<div class="column is-6 pt-0 pt-0 mgt-0 mobile-order-2">
<h2 class="typo-short-text-head ">Mehr über den Relaunch von taz.de 2024</h2>
<div class="typo-short-text pt-small-medium">
<div class="mgt-0">
<p class="bodytext paragraph">taz.de – Eine Website gegen die Macht der Algorithmen: Mit einem runderneuerten Auftritt stärken wir die Position der taz im Netz. Zeit, sich mit der digitalen Identität des linken Tageszeitungsprojekts genauer auseinanderzusetzen.</p>
<p class="bodytext paragraph last">
<strong>
<a href="https://taz.de/!v=5e52995f-f7f7-4d58-b10b-55ad38649c91/" target="_blank" class="link in-text-link">Hier weiterlesen ...</a>
</strong>
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="force-full-dotted mgb-xlarge-xxlarge mgb-large-xlarge-mobile pt-medium-large"></div>
</div>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-6" pos="5">
<strong>taz: Linker Boulevard, interessante Formulierung. Gibt es auch so was wie linkes Design?</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-7" pos="6"><strong>Christian Küpker:</strong> Ich glaube, natürlich gibt es visuelle Traditionen, die ganz klar mit linker Politik konnotiert sind, und es gibt bestimmte ikonografische Zeichen, die auch die taz immer wieder benutzt.</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-8" pos="7">
<strong>taz: Welche wären das?</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-9" pos="8"><strong>Janine Sack:</strong> Dazu gehört natürlich die revolutionäre Faust, die immer wieder zitiert wird in linken Zusammenhängen. Oder Kleinschreibung, die war in den 70er Jahren so ein antiautoritäres Signal, die Gesetzmäßigkeiten der Rechtschreibung und die damit symbolisierten Hierarchien zu unterlaufen. Der Name, die tageszeitung, wurde seit 1982 kleingeschrieben, und auch weitere strukturierende Elemente, aber im Laufe der Zeit war das im Design nicht mehr so präsent. Als wir 2017 die Zeitung neu gestaltet haben, haben wir das wieder mit hineingebracht als Element. Auf der neuen Webseite sind beispielsweise alle Ressorts und Themen kleingeschrieben. Oder die Farbe Rot, die auch eine Farbe des Boulevards ist, aber natürlich auch schon immer eine Farbe von Revolution, Sozialismus, Kampf, Bewegung.</p>
<div data-pos="8" data-for="webelement_bio" class="force-full-dotted image-overflow-left-desktop column is-12 mgt-small-medium mgt-xsmall-mobile webelement-wrapper webelement_bio webelement-pos-8 mobile-order-10">
<section class="module article module-article ph-gap-mobile ph-0-desktop ph-0-tablet pt-medium ">
<div class=" mgt-0 pb-medium-large pb-medium-large-mobile">
<div class="columns">
<div class="column is-3-tablet pt-0 p-0-mobile">
<figure id="lightbox--standard" class=" image
pswp-gallery pswp-gallery--single-column
">
<script type="module" src="/lib/taz-verlag-node/js/photoswipe-module.js"></script>
<a class="picture-inner-container slides pswp-slides is-relative" href="https://taz.de/picture/7303717/1200/18-10-Seite2_3-Janine-Sack-c-Wolfgang-Borrs.webp" data-pswp-width="1200" data-pswp-height="1200" aria-haspopup="dialog" aria-label="Bild vergrößern" role="button">
<span style="position: absolute; height: 100%; width: 100%; z-index: 1" class="icon maximize_opahov large" aria-hidden="true">
</span>
<picture class="is-block ">
<source srcset="https://taz.de/picture/7303717/1020/18-10-Seite2_3-Janine-Sack-c-Wolfgang-Borrs.webp" media="(max-device-aspect-ratio: 1/1) and (min-width: 650px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5)" type="image/webp"></source>
<source srcset="https://taz.de/picture/7303717/665/18-10-Seite2_3-Janine-Sack-c-Wolfgang-Borrs.webp" media="(max-device-aspect-ratio: 1/1) and (max-device-width: 550px)" type="image/webp"></source>
<source srcset="https://taz.de/picture/7303717/242/18-10-Seite2_3-Janine-Sack-c-Wolfgang-Borrs.webp" type="image/webp"></source>
<noscript>
<img src=" https://taz.de/picture/7303717/242/18-10-Seite2_3-Janine-Sack-c-Wolfgang-Borrs.webp" class=" withnocaption" alt=""></img>
</noscript>
<img src="https://taz.de/picture/7303717/14/18-10-Seite2_3-Janine-Sack-c-Wolfgang-Borrs.webp" loading="lazy" height="242" type="image/webp"></img>
</picture>
</a>
<figcaption class=" typo-caption caption
pt-xsmall mgt-auto
">
<p class=" credit-name typo-fotocredit">
Bild:
Foto: Wolfgang Borrs
</p>
</figcaption>
</figure>
</div>
<div class="column p-0 is-6-tablet mgt-medium-mobile">
<div class="typo-short-text-head">
Janine Sack
</div>
<div class="typo-short-text mgt-0 pt-small-medium">
<p class="bodytext paragraph last">Art-Direktorin, Verlegerin und Dozentin in Berlin. Seit der taz-Blattreform 2017 arbeitet sie mit Christian Küpker an der Designentwicklung der verschiedenen journalistischen Formate der taz. In ihrem Verlagsprojekt EECLECTIC entwickelt sie Konzepte für digitale Publikationen (Preisträgerin Deutscher Verlagspreis 2024) und ist in verschiedenen publizistischen und kulturellen Netzwerken aktiv. Sie unterrichtet unter anderem an der Media University in Berlin.</p>
</div>
</div>
</div>
</div>
<div class="force-full-dotted mgb-xlarge-xxlarge mgb-large-xlarge-mobile"></div>
</section>
</div>
<h2 class="typo-r-subhead headline mgb-small column pv-0 is-8-tablet mgh-auto-tablet mobile-order-11" id="-in-bezug-auf-gestaltung-ist-rot-immer-schon-eine-sehr-laute-farbe-eine-die-du-kaum-noch-steigern-kannst-" pos="9">„In Bezug auf Gestaltung ist Rot immer schon eine sehr laute Farbe, eine, die du kaum noch steigern kannst“</h2>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-12" pos="10"> </p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-13" pos="11">
<strong>taz: Die bisherige Webseite war ja sehr rot.</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-14" pos="12"><strong>Christian Küpker:</strong> Wir hatten am Anfang der Entwicklung auch für das neue Design der Webseite mehr Rot eingesetzt und irgendwie war es das dann nur noch rot, rot, rot. Das schwächt die Stellen, die eigentlich betont werden sollen.</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-15" pos="13"><strong>Janine Sack:</strong> In Bezug auf Gestaltung ist Rot immer schon eine sehr laute Farbe, eine, die du kaum noch steigern kannst. Das heißt, für uns war so ein bisschen die Frage, wie können wir dieses Rot der taz weiterhin benutzen, aber so zurückfahren, dass man trotzdem noch mit anderen farblichen Signalen, beispielsweise den journalistischen Titeln und Fotos auf der Webseite, dagegen ankommen kann? Deshalb haben wir eine Schattierung des Rot entwickelt. Verlagsinhalte wie die Genossenschaft oder Texte über die taz selbst sind jetzt auf einem halbtransparenten, rosafarbenen Hintergrund. Ein ganz wichtiges Element für die Webseite ist auch <a href="https://taz.de/taz-zahl-ich/!v=89a68133-aa34-42d3-9f80-01ebd7e1738b/" class="link in-text-link">taz zahl ich</a>, weil man kommunizieren muss, dass Journalismus nicht kostenlos ist und es zwar keine Paywall gibt, man aber freiwillig zahlen kann. Dafür könnte es in Zukunft eine eigene Farbe geben.</p>
<h2 class="typo-r-subhead headline mgb-small column pv-0 is-8-tablet mgh-auto-tablet mobile-order-16" id="-wenn-du-dinge-so-gestaltest-dass-sie-nicht-von-allen-benutzt-werden-k-nnen-dann-hat-das-einen-einfluss-auf-die-gesellschaftliche-teilhabe-" pos="14">„Wenn du Dinge so gestaltest, dass sie nicht von allen benutzt werden können, dann hat das einen Einfluss auf die gesellschaftliche Teilhabe“</h2>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-17" pos="15"> </p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-18" pos="16">
<strong>taz: Warum ist die Verpackung überhaupt wichtig? Was die taz ist, definiert sich doch vor allem durch ihre Inhalte?</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-19" pos="17"><strong>Janine Sack:</strong> Inhalt und Verpackungen lassen sich nie trennen, es gibt keinen ungestalteten Text. Ich glaube, dass Gestaltung immer eine gesellschaftliche Bedeutung hat. Denn die Art und Weise, wie man etwas gestaltet, hat ganz direkte Auswirkungen darauf, wie Dinge funktionieren. Und wenn du Dinge so gestaltest, dass sie nicht von allen benutzt werden können, dann hat das einen Einfluss auf die gesellschaftliche Teilhabe.</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-20" pos="18"><strong>Christian Küpker:</strong> Oder auch die Frage der Aufmerksamkeitsökonomie. Findet man sich auf der Webseite zurecht? Müssen die Leute total konzentriert sein, um die Webseite auf ihrem Handy lesen zu können, oder können sie es auch in der U-Bahn, mit viel visueller Ablenkung.</p>
<div data-pos="18" data-for="webelement_bio" class="force-full-dotted image-overflow-left-desktop column is-12 mgt-small-medium mgt-xsmall-mobile webelement-wrapper webelement_bio webelement-pos-18 mobile-order-21">
<section class="module article module-article ph-gap-mobile ph-0-desktop ph-0-tablet pt-medium ">
<div class=" mgt-0 pb-medium-large pb-medium-large-mobile">
<div class="columns">
<div class="column is-3-tablet pt-0 p-0-mobile">
<figure id="lightbox--standard" class=" image
pswp-gallery pswp-gallery--single-column
">
<script type="module" src="/lib/taz-verlag-node/js/photoswipe-module.js"></script>
<a class="picture-inner-container slides pswp-slides is-relative" href="https://taz.de/picture/7303711/1200/18-10-seite2_3-Christian-Ku__ppers-Wolfgang-Borrs.webp" data-pswp-width="1200" data-pswp-height="1201" aria-haspopup="dialog" aria-label="Bild vergrößern" role="button">
<span style="position: absolute; height: 100%; width: 100%; z-index: 1" class="icon maximize_opahov large" aria-hidden="true">
</span>
<picture class="is-block ">
<source srcset="https://taz.de/picture/7303711/1020/18-10-seite2_3-Christian-Ku__ppers-Wolfgang-Borrs.webp" media="(max-device-aspect-ratio: 1/1) and (min-width: 650px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5)" type="image/webp"></source>
<source srcset="https://taz.de/picture/7303711/665/18-10-seite2_3-Christian-Ku__ppers-Wolfgang-Borrs.webp" media="(max-device-aspect-ratio: 1/1) and (max-device-width: 550px)" type="image/webp"></source>
<source srcset="https://taz.de/picture/7303711/242/18-10-seite2_3-Christian-Ku__ppers-Wolfgang-Borrs.webp" type="image/webp"></source>
<noscript>
<img src=" https://taz.de/picture/7303711/242/18-10-seite2_3-Christian-Ku__ppers-Wolfgang-Borrs.webp" class=" withnocaption" alt=""></img>
</noscript>
<img src="https://taz.de/picture/7303711/14/18-10-seite2_3-Christian-Ku__ppers-Wolfgang-Borrs.webp" loading="lazy" height="242" type="image/webp"></img>
</picture>
</a>
<figcaption class=" typo-caption caption
pt-xsmall mgt-auto
">
<p class=" credit-name typo-fotocredit">
Bild:
Foto: Wolfgang Borrs
</p>
</figcaption>
</figure>
</div>
<div class="column p-0 is-6-tablet mgt-medium-mobile">
<div class="typo-short-text-head">
Christian Küpker
</div>
<div class="typo-short-text mgt-0 pt-small-medium">
<p class="bodytext paragraph last">Freier Art Director in Berlin. Seit der taz-Blattreform 2017 arbeitet er mit Janine Sack an der Designentwicklung der verschiedenen journalistischen Formate der taz. Das Kunst- und Designmagazin „Sleek“ hat er als Creative Direktor gestalterisch von 2005 bis 2011 geprägt. Weitere Aufträge im Bereich von Musik und Kultur, wie beispielsweise die Cover von Andreas Dorau. Seit 2007 hat er das Partyformat Pet Shop Bears (Berghain Kantine) entwickelt und als Gestalter und DJ geformt.</p>
</div>
</div>
</div>
</div>
<div class="force-full-dotted mgb-xlarge-xxlarge mgb-large-xlarge-mobile"></div>
</section>
</div>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-22" pos="19">
<strong>taz: „taz ist nicht für jeden“, hieß es mal in einem Werbespot der taz in den nuller Jahren. Gerade im Internet muss der Auftritt der taz zugänglich sein, gerade für Menschen, die die taz noch nicht kennen. Wie zeigt sich das im Design?</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-23" pos="20"><strong>Christian Küpker:</strong> Also ich würde da differenzieren zwischen Dingen, die wichtig sind für die formale Barrierefreiheit, wie guter Kontrast oder eine nicht zu kleine Schriftgröße. Und inhaltlicher Barrierefreiheit. Da ist es durchaus gewünscht, dass es irgendwie kantig sein soll und dass der Wortwitz vielleicht auch mal missverständlich ist, das ist dann ja gewollt. Und, dass es inhaltlich nicht stromlinienförmig ist, sondern dezidiert links oder grün und politisch.</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-24" pos="21">
<strong>taz: Als Editorial Designer beobachtet ihr natürlich das Design anderer Medien. Gab es auch Inspirationen aus dem nichtjournalistischen Bereich für diesen Relaunch?</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-25" pos="22"><strong>Janine Sack:</strong> Ich erinnere mich: Als wir das Raster für das taz-Design entwickelt haben – haben wir uns da nicht irgendwann auch mal Piet Mondrians Bilder angeguckt? Es gibt natürlich unterschiedlichste Vorbilder aus der Kunstgeschichte, wie man Spannung erzeugt. Die Idee mit den durchgezogenen Linien und den sich überlappenden Flächen, die eine Art Karomuster bilden, findet man aber auch auf der Website.</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-26" pos="23"><strong>Christian Küpker:</strong> Ja, und Mobiles von Alexander Calder, bei denen es um einen Ausgleich von Gewichtungen geht. Also das war in der Print-Entwicklung, aber das steckt nach wie vor noch drin in der taz-Design-DNA. Und zur Spannung: auch, dass die Dinge auf dem Titel der Zeitung ein bisschen off sind. Das halb abgeschnittene Datum, was irgendwie fast aussieht wie ein Fehler. Bei der Zeitung kann man aus technischen Gründen nicht wirklich bis zum Rand drucken. Auf der Webseite kann man das Format dagegen sprengen und über die Ränder des Textbereichs gehen.</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-27" pos="24">
<strong>taz: Die taz ist bekannt für den Witz ihrer Seite 1. Im Internet gibt es für diese Titelseite kein richtiges Äquivalent, die Nachrichtenlage auf der Webseite ist die ganze Zeit im Fluss. Wie zeigt sich der ikonische Witz der taz dort?</strong>
</p>
<p class="bodytext paragraph typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-28" pos="25"><strong>Christian Küpker:</strong> Das findet statt, es findet nur nicht so singulär statt, eher in vielen einzelnen Artikeln.</p>
<p class="bodytext paragraph last typo-bodytext is-block column pv-0 is-8-tablet mgh-auto-tablet mobile-order-29" pos="26"><strong>Janine Sack:</strong> Richtig. Und es gibt noch viele Ideen für spielerische Elemente auf der Webseite und die Übersetzung von Sonderausgaben im Internet, die gerade noch in der Entwicklung sind. <strong>🐾</strong></p>
</div>
</div>
<div class="column is-8-desktop mgt-xlarge is-8-tablet mgh-auto-tablet-only mgh-auto-desktop social-media-buttons-bottom-container mobile-order-7">
<div class="shariff-wrapper is-flex is-flex-wrap-wrap is-align-items-center">
<p class="typo-teaser-text-bold mgr-medium ">Diesen Artikel teilen</p>
<style>
@scope {
.shariff-button.mail{
order: 1;
}
.shariff-button.mastodon{
order: 2;
}
.shariff-button.bluesky{
order: 3;
}
.shariff-button.facebook{
order: 4;
}
.shariff-button.whatsapp{
order: 5;
}
.shariff-button.diaspora{
order: 6;
}
.shariff-button.reddit{
order: 7;
}
.shariff-button.clipboard{
order: 8;
}
}
</style>
<nav class="shariff" aria-label="Social-Media" x-data="{postUrl:'https://taz.de/Interview-mit-der-Art-Direktion-fuer-das-neue-tazde/!vn6042378',
postTitle:'Interview mit der Art-Direktion für das neue taz.de: „Auf der Webseite kann man das Format sprengen“',
textPartForBlueskyAndMastodon: function(){
return encodeURIComponent(this.postTitle + ' ' + this.postUrl)
}
}" x-init="window.addEventListener('load', () => {
const copyToClipboardOwnButton = ` <li class='shariff-button clipboard'>
<a @click='marOtaz_de.copyToClipboard()'
href='javascript:void(0)'
rel='nofollow'
role='button'
aria-label='In die Zwischenablage kopieren'>
<span class='far fa-copy'></span>
</a>
</li>`;
$($el).find('ul').append($(copyToClipboardOwnButton));
const mastodonShareButton = `<li class='shariff-button mastodon'>
<a class='' href='https://tootpick.org/#text=${textPartForBlueskyAndMastodon()}'
target='_blank' rel='noreferrer noopener' aria-label='Auf Mastodon teilen'>
<span class='fa-mastodon_darkhov '></span>
</a>
</li>`;
$($el).find('ul').append($(mastodonShareButton));
const blueskyShareButton = `<li class='shariff-button bluesky'>
<a href='https://bsky.app/intent/compose?text=${textPartForBlueskyAndMastodon()}'
target='_blank' rel='noreferrer noopener' aria-label='Auf Bluesky teilen'>
<span class='fa-bluesky_darkhov'></span>
</a>
</li>`;
$($el).find('ul').append($(blueskyShareButton));
});" data-button-style="icons" data-lang="de" data-services="email, facebook, whatsapp, diaspora, reddit" data-mail-url="mailto:" data-theme="standard" data-mail-subject="Interview mit der Art-Direktion für das neue taz.de: „Auf der Webseite kann man das Format sprengen“" data-mail-body="https://taz.de/Interview-mit-der-Art-Direktion-fuer-das-neue-tazde/!vn6042378">
</nav>
</div>
</div>
<div class="column is-12 pb-xlarge mgt-xlarge has-background-highlighted hasMultiply mobile-order-8">
<section class="module columns">
<article class="column is-12-tablet pt-0 mobile-order-1">
<a href="/verlag/wochentaz-lesen-kann-jede-r/!v=4e55b74b-64f3-42ea-a31a-928098327e90/#matomo:pk_campaign=DA24WWP2OF-WE-10W10E-n_22-TLS-tazeigen-onsite--newsletter-HUP-ex733&pk_source=taz.de&pk_medium=taz.de-Verlag&pk_content=aus-kampagne&pk_kwd=artikelplatz-unter&pk_placement=taz--IR-Verlagsgeschichte-unter-dem-Brottext" class="columns is-multiline teaser-link link-area-extended is-height-full is-box-sizing-border-box" title="10 Ausgaben für 10 Euro – Die Wochenzeitung mit taz-Blick" aria-label="10 Ausgaben für 10 Euro – Die Wochenzeitung mit taz-Blick">
<div class="pic-column column is-6-tablet mobile-order-1">
<figure id="" class=" image
">
<picture class="is-block ">
<source srcset="https://taz.de/images/p/13/13_abo-packshots/taz_lies_selbst_packshots_wochentaz/1020/taz_lies_selbst_packshots_wochentaz.webp" media="(max-device-aspect-ratio: 1/1) and (min-width: 650px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5)" type="image/webp"></source>
<source srcset="https://taz.de/images/p/13/13_abo-packshots/taz_lies_selbst_packshots_wochentaz/665/taz_lies_selbst_packshots_wochentaz.webp" media="(max-device-aspect-ratio: 1/1) and (max-device-width: 550px)" type="image/webp"></source>
<source srcset="https://taz.de/images/p/13/13_abo-packshots/taz_lies_selbst_packshots_wochentaz/480/taz_lies_selbst_packshots_wochentaz.webp" type="image/webp"></source>
<source srcset="https://taz.de/images/p/13/13_abo-packshots/taz_lies_selbst_packshots_wochentaz/1020/taz_lies_selbst_packshots_wochentaz.png" media="(max-device-aspect-ratio: 1/1) and (min-width: 750px) and (max-width: 1023px) and (-webkit-min-device-pixel-ratio: 1.5)" type="image/png"></source>
<source srcset="https://taz.de/images/p/13/13_abo-packshots/taz_lies_selbst_packshots_wochentaz/665/taz_lies_selbst_packshots_wochentaz.png" media="(max-device-aspect-ratio: 1/1) and (max-device-width: 550px)" type="image/png"></source>
<source srcset="https://taz.de/images/p/13/13_abo-packshots/taz_lies_selbst_packshots_wochentaz/480/taz_lies_selbst_packshots_wochentaz.png" type="image/png"></source>
<noscript>
<img src=" https://taz.de/images/p/13/13_abo-packshots/taz_lies_selbst_packshots_wochentaz/480/taz_lies_selbst_packshots_wochentaz.webp" class=" withnocaption" alt="Ein Packshot der Wochentaz-Zeitung mit einer neutralen Illustration auf der Titelseite."></img>
</noscript>
<img src="https://taz.de/images/p/13/13_abo-packshots/taz_lies_selbst_packshots_wochentaz/14/taz_lies_selbst_packshots_wochentaz.webp" alt="Ein Packshot der Wochentaz-Zeitung mit einer neutralen Illustration auf der Titelseite." loading="lazy" title="Ein Packshot der Wochentaz-Zeitung mit einer neutralen Illustration auf der Titelseite." height="319" type="image/webp"></img>
</picture>
</figure>
</div>
<div class="text-column column is-6-tablet mobile-order-2">
<h2>
<span class="headline typo-topline has-text-primary is-block mgb-small">
10 Ausgaben für 10 Euro
</span>
<span class="headline link typo-head-small is-block mgb-small">
Die Wochenzeitung mit taz-Blick
</span>
</h2>
<div class="typo-subline mgt-small mgt-xsmall-mobile">
<p>
Unsere wochentaz bietet jeden Samstag Journalismus, der es nicht allen recht macht und Stimmen, die man woanders nicht hört. Jetzt zehn Wochen lang kennenlernen.
</p>
<span class="typo-teaser-text">
<ul class="list">
<li pos="1" class="listitem"><span class="icon included_redhov small mgr-xsmall no-hover center"></span>Journalismus, der es nicht allen recht macht und Stimmen, die man woanders nicht hört</li>
<li pos="2" class="listitem"><span class="icon included_redhov small mgr-xsmall no-hover center"></span>Jeden Samstag als gedruckte Zeitung frei Haus</li>
<li pos="3" class="listitem"><span class="icon included_redhov small mgr-xsmall no-hover center"></span>Zusätzlich digitale Ausgabe inkl. Vorlesefunktion</li>
<li pos="4" class="listitem"><span class="icon included_redhov small mgr-xsmall no-hover center"></span>Mit Zukunftsteil zu Klima, Wissen & Utopien</li>
<li pos="5" class="listitem"><span class="icon included_redhov small mgr-xsmall no-hover center"></span>Mit Regionalteil „Stadtland“ für alles Wichtige zwischen Dorf und Metropole</li>
</ul>
</span>
</div>
<div class="typo-price-large mgt-medium">
<p class="paragraph last">
<strong>10 Wochen für nur</strong>
<strong>10 Euro</strong>
</p>
</div>
<div class="mgt-auto">
<p class="button is-block primary-button typo-button-text">
wochentaz ausprobieren
</p>
</div>
</div>
</a>
</article>
</section>
</div>
</article>
</section>
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"NewsArticle","articleBody":"\n \n \n taz: Ihr habt die Zeitung, die App und nun auch die taz im Netz gestaltet. Was wird die Leser*innen auf der Webseite vielleicht überraschen?\n \n Janine Sack: Ich glaube, dass die Leser*innen überrascht sein werden, dass die Texte jetzt so viel Platz bekommen. Sie werden sich einen Artikel anschauen und denken: Ach, das ist ja angenehm zu lesen.\n \n taz: Aus Leser*innenbriefen wissen wir, dass manche so ein luftiges Layout und viel weiße Fläche auch für Platzverschwendung halten.\n \n Janine Sack: Es gibt Menschen, für die muss Text so eng und so dicht wie möglich sein, weil sie das Gefühl haben, je mehr Text ich auf kleiner Fläche zu lesen bekomme, desto wichtiger ist der Inhalt. Es gibt einfach unterschiedliche Lesegewohnheiten und auch Lesekulturen. Und wenn jemand beispielsweise gewohnt ist, akademische Texte zu lesen, hat er eine andere Auffassung, wie Text aussehen soll, als wenn jemand gewohnt ist, Magazine zu lesen. Und die taz hat visuell schon immer damit gespielt, linke Boulevardzeitung zu sein, mit grafischen Elementen, die man sonst nicht aus anderen Tageszeitungen kennt. Da wäre zum Beispiel der Einsatz von Text-Bild-Kombinationen, die ironisch oder sarkastisch den „reißerischen“ Stil des Boulevards zitieren: „Endlich!“ Als Schlagzeile mit einem Foto von Helmut Kohl zu seinem Rücktritt.\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nMehr über den Relaunch von taz.de 2024\n\n\n\n\n\n\ntaz.de – Eine Website gegen die Macht der Algorithmen: Mit einem runderneuerten Auftritt stärken wir die Position der taz im Netz. Zeit, sich mit der digitalen Identität des linken Tageszeitungsprojekts genauer auseinanderzusetzen.\n \n \n Hier weiterlesen ...\n \n \n\n\n\n\n\n\n\n\n\n\n \n taz: Linker Boulevard, interessante Formulierung. Gibt es auch so was wie linkes Design?\n \n Christian Küpker: Ich glaube, natürlich gibt es visuelle Traditionen, die ganz klar mit linker Politik konnotiert sind, und es gibt bestimmte ikonografische Zeichen, die auch die taz immer wieder benutzt.\n \n taz: Welche wären das?\n \n Janine Sack: Dazu gehört natürlich die revolutionäre Faust, die immer wieder zitiert wird in linken Zusammenhängen. Oder Kleinschreibung, die war in den 70er Jahren so ein antiautoritäres Signal, die Gesetzmäßigkeiten der Rechtschreibung und die damit symbolisierten Hierarchien zu unterlaufen. Der Name, die tageszeitung, wurde seit 1982 kleingeschrieben, und auch weitere strukturierende Elemente, aber im Laufe der Zeit war das im Design nicht mehr so präsent. Als wir 2017 die Zeitung neu gestaltet haben, haben wir das wieder mit hineingebracht als Element. Auf der neuen Webseite sind beispielsweise alle Ressorts und Themen kleingeschrieben. Oder die Farbe Rot, die auch eine Farbe des Boulevards ist, aber natürlich auch schon immer eine Farbe von Revolution, Sozialismus, Kampf, Bewegung.\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nBild: \nFoto: Wolfgang Borrs\n\n\n\n\n\n\n\n\n\n\n\n\n\nJanine Sack\n\n\n\n\n\n\nArt-Direktorin, Verlegerin und Dozentin in Berlin. Seit der taz-Blattreform 2017 arbeitet sie mit Christian Küpker an der Designentwicklung der verschiedenen journalistischen Formate der taz. In ihrem Verlagsprojekt EECLECTIC entwickelt sie Konzepte für digitale Publikationen (Preisträgerin Deutscher Verlagspreis 2024) und ist in verschiedenen publizistischen und kulturellen Netzwerken aktiv. Sie unterrichtet unter anderem an der Media University in Berlin.\n\n\n\n\n\n\n\n\n\n „In Bezug auf Gestaltung ist Rot immer schon eine sehr laute Farbe, eine, die du kaum noch steigern kannst“\n \n \n taz: Die bisherige Webseite war ja sehr rot.\n \n Christian Küpker: Wir hatten am Anfang der Entwicklung auch für das neue Design der Webseite mehr Rot eingesetzt und irgendwie war es das dann nur noch rot, rot, rot. Das schwächt die Stellen, die eigentlich betont werden sollen.\n Janine Sack: In Bezug auf Gestaltung ist Rot immer schon eine sehr laute Farbe, eine, die du kaum noch steigern kannst. Das heißt, für uns war so ein bisschen die Frage, wie können wir dieses Rot der taz weiterhin benutzen, aber so zurückfahren, dass man trotzdem noch mit anderen farblichen Signalen, beispielsweise den journalistischen Titeln und Fotos auf der Webseite, dagegen ankommen kann? Deshalb haben wir eine Schattierung des Rot entwickelt. Verlagsinhalte wie die Genossenschaft oder Texte über die taz selbst sind jetzt auf einem halbtransparenten, rosafarbenen Hintergrund. Ein ganz wichtiges Element für die Webseite ist auch taz zahl ich, weil man kommunizieren muss, dass Journalismus nicht kostenlos ist und es zwar keine Paywall gibt, man aber freiwillig zahlen kann. Dafür könnte es in Zukunft eine eigene Farbe geben.\n „Wenn du Dinge so gestaltest, dass sie nicht von allen benutzt werden können, dann hat das einen Einfluss auf die gesellschaftliche Teilhabe“\n \n \n taz: Warum ist die Verpackung überhaupt wichtig? Was die taz ist, definiert sich doch vor allem durch ihre Inhalte?\n \n Janine Sack: Inhalt und Verpackungen lassen sich nie trennen, es gibt keinen ungestalteten Text. Ich glaube, dass Gestaltung immer eine gesellschaftliche Bedeutung hat. Denn die Art und Weise, wie man etwas gestaltet, hat ganz direkte Auswirkungen darauf, wie Dinge funktionieren. Und wenn du Dinge so gestaltest, dass sie nicht von allen benutzt werden können, dann hat das einen Einfluss auf die gesellschaftliche Teilhabe.\n Christian Küpker: Oder auch die Frage der Aufmerksamkeitsökonomie. Findet man sich auf der Webseite zurecht? Müssen die Leute total konzentriert sein, um die Webseite auf ihrem Handy lesen zu können, oder können sie es auch in der U-Bahn, mit viel visueller Ablenkung.\n \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nBild: \nFoto: Wolfgang Borrs\n\n\n\n\n\n\n\n\n\n\n\n\n\nChristian Küpker\n\n\n\n\n\n\nFreier Art Director in Berlin. Seit der taz-Blattreform 2017 arbeitet er mit Janine Sack an der Designentwicklung der verschiedenen journalistischen Formate der taz. Das Kunst- und Designmagazin „Sleek“ hat er als Creative Direktor gestalterisch von 2005 bis 2011 geprägt. Weitere Aufträge im Bereich von Musik und Kultur, wie beispielsweise die Cover von Andreas Dorau. Seit 2007 hat er das Partyformat Pet Shop Bears (Berghain Kantine) entwickelt und als Gestalter und DJ geformt.\n\n\n\n\n\n\n\n\n\n \n taz: „taz ist nicht für jeden“, hieß es mal in einem Werbespot der taz in den nuller Jahren. Gerade im Internet muss der Auftritt der taz zugänglich sein, gerade für Menschen, die die taz noch nicht kennen. Wie zeigt sich das im Design?\n \n Christian Küpker: Also ich würde da differenzieren zwischen Dingen, die wichtig sind für die formale Barrierefreiheit, wie guter Kontrast oder eine nicht zu kleine Schriftgröße. Und inhaltlicher Barrierefreiheit. Da ist es durchaus gewünscht, dass es irgendwie kantig sein soll und dass der Wortwitz vielleicht auch mal missverständlich ist, das ist dann ja gewollt. Und, dass es inhaltlich nicht stromlinienförmig ist, sondern dezidiert links oder grün und politisch.\n \n taz: Als Editorial Designer beobachtet ihr natürlich das Design anderer Medien. Gab es auch Inspirationen aus dem nichtjournalistischen Bereich für diesen Relaunch?\n \n Janine Sack: Ich erinnere mich: Als wir das Raster für das taz-Design entwickelt haben – haben wir uns da nicht irgendwann auch mal Piet Mondrians Bilder angeguckt? Es gibt natürlich unterschiedlichste Vorbilder aus der Kunstgeschichte, wie man Spannung erzeugt. Die Idee mit den durchgezogenen Linien und den sich überlappenden Flächen, die eine Art Karomuster bilden, findet man aber auch auf der Website.\n Christian Küpker: Ja, und Mobiles von Alexander Calder, bei denen es um einen Ausgleich von Gewichtungen geht. Also das war in der Print-Entwicklung, aber das steckt nach wie vor noch drin in der taz-Design-DNA. Und zur Spannung: auch, dass die Dinge auf dem Titel der Zeitung ein bisschen off sind. Das halb abgeschnittene Datum, was irgendwie fast aussieht wie ein Fehler. Bei der Zeitung kann man aus technischen Gründen nicht wirklich bis zum Rand drucken. Auf der Webseite kann man das Format dagegen sprengen und über die Ränder des Textbereichs gehen.\n \n taz: Die taz ist bekannt für den Witz ihrer Seite 1. Im Internet gibt es für diese Titelseite kein richtiges Äquivalent, die Nachrichtenlage auf der Webseite ist die ganze Zeit im Fluss. Wie zeigt sich der ikonische Witz der taz dort?\n \n Christian Küpker: Das findet statt, es findet nur nicht so singulär statt, eher in vielen einzelnen Artikeln.\n Janine Sack: Richtig. Und es gibt noch viele Ideen für spielerische Elemente auf der Webseite und die Übersetzung von Sonderausgaben im Internet, die gerade noch in der Entwicklung sind. 🐾\n ","isAccessibleForFree":"true","mainEntityOfPage":"https://taz.de/Interview-mit-der-Art-Direktion-fuer-das-neue-tazde/!vn6042378/","url":"https://taz.de/Interview-mit-der-Art-Direktion-fuer-das-neue-tazde/!vn6042378/","headline":"Interview mit der Art-Direktion für das neue taz.de: „Auf der Webseite kann man das Format sprengen“","description":"Wie funktioniert linke Gestaltung online, warum ist weniger Rot manchmal mehr, und wie lässt sich Online-Lesbarkeit in der U-Bahn verbessern? Ein Gespräch mit den Designer:innen des neuen taz.de.","image":"https://taz.de/picture/7303646/948/taz-online-tazde-relaunch-design-JanineSack-ChristianKuepker--foto-WolfgangBorrs.jpg","author":[{"@type":"Person","name":"Svenja Bednarczyk","url":"https://taz.de/Svenja-Bednarczyk/!a106/"}],"publisher":{"@type":"Organization","name":"taz","logo":{"@type":"ImageObject","url":"https://taz.de/lib/taz-verlag-node/icons/DT_taz_logo-min.svg"}},"datePublished":"2024-10-17T13:44:00+02:00"}
</script>
</main>
<footer id="footer" class="module pb-xxxlarge has-text-white has-background-black hasMultiply htmlSkeleton module-htmlSkeleton footer ph-gap ">
<div x-show="$store.campaign.pagesShow['form-wrapper'] !== true" class="columns is-multiline footer-header mg-0">
<div class="column is-flex is-flex-direction-row-tablet is-align-items-center ph-0 pt-0">
<a href="https://taz.de" class="taz-header mgt-large-mobile mgr-auto">taz<span class="logo"></span></a>
<div class="is-flex is-flex-shrink-0 is-align-items-center mgr-auto-mobile pv-small-medium pv-large-mobile">
<a class="typo-icontext" rel="noopener" href="https://taz.de/social" aria-label="Hier finden Sie die taz in den sozialen Netzwerken">Folgen Sie uns</a>
<ul class="is-flex is-align-items-center">
<li><a rel="noopener" target="_blank" href="https://mastodon.social/@tazgetroete" class="icon medium mastodon_darkhov mgl-small-medium" aria-label="Die taz bei Mastodon"></a></li>
<li><a rel="noopener" target="_blank" href="https://bsky.app/profile/taz.de" class="icon medium bluesky_media_kit_logo_darkhov mgl-small-medium" aria-label="Die taz bei Bluesky"></a></li>
<li><a rel="noopener" target="_blank" href="https://www.instagram.com/taz.die_tageszeitung/?hl=de" class="icon medium instagram_white_darkhov mgl-small-medium" aria-label="Die taz bei Instagram"></a></li>
</ul>
</div>
</div>
</div>
<hr x-show="$store.campaign.pagesShow['form-wrapper'] !== true" class="has-text-white">
<section>
<ul class="columns footer-zone is-multiline ">
<li class="column is-3 ">
<a href="https://taz.de/!p4608/" class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Ressorts</span>
<span class="icon center medium left mgl-xsmall arrow_right_white_darkhov"></span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a href="https://taz.de/Politik/!p4615/" title="Politik" token="link" class="link footer-link">
Politik
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Oeko/!p4610/" title="Öko" token="link" class="link footer-link">
Öko
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Gesellschaft/!p4611/" title="Gesellschaft" token="link" class="link footer-link">
Gesellschaft
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Kultur/!p4639/" title="Kultur" token="link" class="link footer-link">
Kultur
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Sport/!p4646/" title="Sport" token="link" class="link footer-link">
Sport
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Berlin/!p4649/" title="Berlin" token="link" class="link footer-link">
Berlin
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Nord/!p4650/" title="Nord" token="link" class="link footer-link">
Nord
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Wahrheit/!p4644/" title="Wahrheit" token="link" class="link footer-link">
Wahrheit
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a href="https://taz.de/!p5360/" class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Themen</span>
<span class="icon center medium left mgl-xsmall arrow_right_white_darkhov"></span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a href="/Schwerpunkt-Rot-Gruen-Rot-in-Berlin/!t5473160/" title="Rot-Grün-Rot in Berlin" token="link" class="link footer-link">
Rot-Grün-Rot in Berlin
</a>
</li>
<li class="listitem">
<a href="/Sozialproteste/!t5014728/" title="Sozialproteste" token="link" class="link footer-link">
Sozialproteste
</a>
</li>
<li class="listitem">
<a href="/Rente/!t5010325/" title="Rente" token="link" class="link footer-link">
Rente
</a>
</li>
<li class="listitem">
<a href="/Schwerpunkt-Artenschutz/!t5008549/" title="Artenschutz" token="link" class="link footer-link">
Artenschutz
</a>
</li>
<li class="listitem">
<a href="/Schwerpunkt-Nahost-Konflikt/!t5007999/" title="Nahost-Konflikt" token="link" class="link footer-link">
Nahost-Konflikt
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a href="https://taz.de/verlag/alles-was-taz-ist/!v=5ee91bd4-22a3-4490-b2be-5bcf10f38f53/" class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Verlag</span>
<span class="icon center medium left mgl-xsmall arrow_right_white_darkhov"></span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a href="https://taz.de/verlag/aktuelles-aus-der-taz/!v=8f20076f-2be2-41ba-b79b-5a03bb0ecc51/" title="Aktuelles" token="link" class="link footer-link">
Aktuelles
</a>
</li>
<li class="listitem">
<a target="_blank" rel="noopener" href="https://blogs.taz.de/hausblog/" title="Hausblog" token="link" class="link footer-link">
Hausblog
</a>
</li>
<li class="listitem">
<a href="https://taz.de/verlag/seitenwende-bei-der-taz/!v=165b2a3c-a94a-4114-8616-1b254db7ced2/" title="Die Seitenwende" token="link" class="link footer-link">
Die Seitenwende
</a>
</li>
<li class="listitem">
<a href="https://taz.de/verlag/arbeiten-bei-der-taz/!v=541302c5-e542-4f33-b701-f9ee0c4970b6/" title="Stellen" token="link" class="link footer-link">
Stellen
</a>
</li>
<li class="listitem">
<a href="https://taz.de/verlag/presse-service/!v=463db20f-04cb-433f-a239-fdaba147bc6c/" title="Presse" token="link" class="link footer-link">
Presse
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a href="https://taz.de/verlag/Unterstuetzen/!v=17cb2c07-6c09-4c12-8a7b-d5b3c629e814/" class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Unterstützen</span>
<span class="icon center medium left mgl-xsmall arrow_right_white_darkhov"></span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a href="https://taz.de/abo/unsere-angebote/!v=2f71d22a-827d-4693-a3aa-1d7225a94c26/" title="abo" token="link" class="link footer-link">
abo
</a>
</li>
<li class="listitem">
<a href="https://taz.de/genossenschaft/die-taz-in-besten-haenden/!v=45dd710a-25d1-45d5-bcf5-fce24b72cbf2/" title="genossenschaft" token="link" class="link footer-link">
genossenschaft
</a>
</li>
<li class="listitem">
<a href="https://taz.de/taz-zahl-ich/unser-solidarmodell/!v=89a68133-aa34-42d3-9f80-01ebd7e1738b/" title="taz zahl ich" token="link" class="link footer-link">
taz zahl ich
</a>
</li>
<li class="listitem">
<a href="https://taz.de/recherchefonds-ausland-ev/kritische-auslandsrecherchen/!v=69b91b4d-9db1-4b9f-a828-3a9143111026/" title="recherchefonds ausland" token="link" class="link footer-link">
recherchefonds ausland
</a>
</li>
<li class="listitem">
<a href="https://taz.de/taz-panterstiftung/kritischen-journalismus-foerdern/!v=e4eb8635-98d1-4a5d-b035-a82efb835967/" title="panterstiftung" token="link" class="link footer-link">
panterstiftung
</a>
</li>
<li class="listitem">
<a href="https://taz.de/!v=4269299f-23bb-40f2-a4ea-2b1b1ae40192/" title="panterpreis 2026" token="link" class="link footer-link">
panterpreis 2026
</a>
</li>
<li class="listitem">
<a href="https://taz.de/genossenschaft/genoversammlung-2025/!v=4508d911-8f16-4a0a-a4fc-f1f9aab66739/" title="genoversammlung 2026" token="link" class="link footer-link">
genoversammlung 2026
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a href="https://taz.de/Gesellschaft/Podcast/!p5334/" class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Podcast</span>
<span class="icon center medium left mgl-xsmall arrow_right_white_darkhov"></span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a href="https://taz.de/Podcast-Bundestalk/!t5780050/" title="bundestalk" token="link" class="link footer-link">
bundestalk
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Podcast-Fernverbindung/!t6104219/" title="fernverbindung" token="link" class="link footer-link">
fernverbindung
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Podcast-klima-update/!t5783392/" title="klima update°" token="link" class="link footer-link">
klima update°
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Podcast-Mauerecho/!t6064118/" title="Mauerecho" token="link" class="link footer-link">
Mauerecho
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Podcast-Freie-Rede/!t6008263/" title="Freie Rede" token="link" class="link footer-link">
Freie Rede
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Podcast-Reingehen/!t6146710/" title="reingehen" token="link" class="link footer-link">
reingehen
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a href="https://taz.de/verlag/unsere-newsletter/!v=f45a1f72-d45b-4f0d-8ae8-79635f4033dd/" class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Newsletter</span>
<span class="icon center medium left mgl-xsmall arrow_right_white_darkhov"></span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a target="_blank" rel="noopener" href="https://q5kf46ry.sibpages.com/" title="team zukunft" token="link" class="link footer-link">
team zukunft
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Alles-was-taz-ist/!v=9ad5b3e4-3203-4400-8ab6-67b9a787079a/" title="taz frisch" token="link" class="link footer-link">
taz frisch
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Unser-taz-zahl-ich-Newsletter/!v=1291399f-c7d5-40a9-83a2-dd460621c443/" title="taz zahl ich" token="link" class="link footer-link">
taz zahl ich
</a>
</li>
<li class="listitem">
<a href="https://taz.de/taz-lab-Infobrief/!v=ab680df0-0d2c-4892-b901-2412e0a7b8eb/#matomo:pk_campaign=taz-Newsletter-tazlab&pk_source=taz.de&pk_medium=taz.de&pk_content=aus-kampagne&pk_placement=Footer-Startseite/" title="taz lab Infobrief" token="link" class="link footer-link">
taz lab Infobrief
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a href="https://taz.de/Veranstaltungen/taz-talks-und-events/!v=a0be61fd-26bc-43aa-b2ef-0e030355a949/" class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Veranstaltungen</span>
<span class="icon center medium left mgl-xsmall arrow_right_white_darkhov"></span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a href="https://taz.de/Die-taz-spricht-fuer-sich--und-Sie/!v=a0be61fd-26bc-43aa-b2ef-0e030355a949/?vp=6180711/" title="Demnächst" token="link" class="link footer-link">
Demnächst
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Die-taz-spricht-fuer-sich--und-Sie/!v=a0be61fd-26bc-43aa-b2ef-0e030355a949/?vp=6180713/" title="Vor Ort" token="link" class="link footer-link">
Vor Ort
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Die-taz-spricht-fuer-sich--und-Sie/!v=a0be61fd-26bc-43aa-b2ef-0e030355a949/?vp=6180715/" title="Live im Stream" token="link" class="link footer-link">
Live im Stream
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Die-taz-spricht-fuer-sich--und-Sie/!v=a0be61fd-26bc-43aa-b2ef-0e030355a949/?vp=6180721/" title="Vergangene" token="link" class="link footer-link">
Vergangene
</a>
</li>
<li class="listitem">
<a href="https://taz.de/taz-lab/kongress-fuer-debatte-streit-verstaendigung/!v=2f2702df-3697-433e-9d1d-48f733c77d1c/" title="taz lab 2027" token="link" class="link footer-link">
taz lab 2027
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Mehr taz Lesestoff</span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a target="_blank" rel="noopener" href="https://blogs.taz.de/" title="taz Blogs" token="link" class="link footer-link">
taz Blogs
</a>
</li>
<li class="listitem">
<a href="https://taz.de/taz-FUTURZWEI/magazin-fuer-zukunft-und-politik/!v=8ce19a8c-38e5-4a30-920c-8176f4c036c0/" title="taz FUTURZWEI" token="link" class="link footer-link">
taz FUTURZWEI
</a>
</li>
<li class="listitem">
<a target="_blank" rel="noopener" href="https://monde-diplomatique.de/" title="Le Monde diplomatique" token="link" class="link footer-link">
Le Monde diplomatique
</a>
</li>
<li class="listitem">
<a href="https://taz.de/Archiv/!p4311/" title="taz Archiv" token="link" class="link footer-link">
taz Archiv
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Mehr taz Angebote</span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a href="https://taz.de/reisen-in-die-zivilgesellschaft/auf-reisen-mit-taz-journalistinnen/!v=ff445dca-48e0-4ffa-95fa-60d466e9a152/" title="Reisen" token="link" class="link footer-link">
Reisen
</a>
</li>
<li class="listitem">
<a href="https://taz.de/kantine/essen-und-event-location/!v=44afcac2-94aa-43cd-bc80-69fee4341dc4/" title="Kantine" token="link" class="link footer-link">
Kantine
</a>
</li>
<li class="listitem">
<a target="_blank" rel="noopener" href="https://shop.taz.de/" title="Shop" token="link" class="link footer-link">
Shop
</a>
</li>
<li class="listitem">
<a href="https://taz.de/anzeigen/werben-bei-der-taz/!v=48b787de-0383-4c31-a6d1-15c92ea81ee3/" title="Anzeigen" token="link" class="link footer-link">
Anzeigen
</a>
</li>
</ul>
</li>
<li class="column is-3 ">
<a href="https://taz.de/verlag/fragen-und-hilfe/!v=673b67c7-bf6c-44de-9d7d-b86c5a620288/" class=" icon-link-wrapper footer-link is-flex is-align-items-center ">
<span class="typo-head-extrasmall "> Fragen & Hilfe</span>
<span class="icon center medium left mgl-xsmall arrow_right_white_darkhov"></span>
</a>
<ul class="typo-linklist list">
<li class="listitem">
<a href="https://taz.de/redaktion-der-taz/Wie-kann-ich-einen-Leserinnenbrief-an-die-taz-Redaktion-senden/!v=f41b541d-0e60-4ba2-8853-70e8a19fbf48/" title="Feedback" token="link" class="link footer-link">
Feedback
</a>
</li>
<li class="listitem">
<a href="https://taz.de/abo/Wie-erreiche-ich-den-Aboservice/!v=c8716ec3-202d-46be-ba1b-c1f9cd3e9515/" title="Aboservice" token="link" class="link footer-link">
Aboservice
</a>
</li>
<li class="listitem">
<a target="_blank" rel="noopener" href="https://epaper.taz.de/" title="ePaper Login" token="link" class="link footer-link">
ePaper Login
</a>
</li>
<li class="listitem">
<a href="https://taz.de/abo/taz-digital-download/!v=cc10271f-4e70-40eb-babd-65117b993b88/" title="Downloads für Abonnierende" token="link" class="link footer-link">
Downloads für Abonnierende
</a>
</li>
</ul>
</li>
</ul>
</section>
<hr class="lineImp mgt-medium mgt-0-mobile has-text-white">
<div class="columns mgt-small-medium pb-medium ">
<div class="column is-flex">
<p class="typo-teaser-text mgt-small-medium-mobile"> © 2026 taz Verlags und Vertriebs GmbH</p>
<p class="typo-small-print">Alle Rechte vorbehalten. Bei rechtlichen Fragen oder für Genehmigungen wenden Sie sich bitte an
<a class="footer-link link" href="mailto:lizenzen@taz.de "> lizenzen@taz.de</a>
</p>
</div>
<div class="column agb mgt-large-mobile">
<div class=" typo-linklist mgl-auto mgl-0-mobile ">
<a href="https://taz.de/redaktion-der-taz/Wie-kann-ich-mit-der-taz-Redaktion-Kontakt-aufnehmen/!v=f41b541d-0e60-4ba2-8853-70e8a19fbf48/" title="Feedback " class="pr-xsmall link footer-link">
Feedback
</a>
<a href="https://taz.de/taz-die-tageszeitung/!vn5957750/" title="Redaktionsstatut " class="pr-xsmall link footer-link">
Redaktionsstatut
</a>
<a href="https://taz.de/Leserinnen-Kommentare/!vn6103501/" title="Kommune-Richtlinien " class="pr-xsmall link footer-link">
Kommune-Richtlinien
</a>
<a href="https://taz.de/Wie-die-taz-Kuenstliche-Intelligenz-nutzt/!vn5967635/" title="KI-Leitlinie " class="pr-xsmall link footer-link">
KI-Leitlinie
</a>
<a href="https://taz.de/investigativ/" title="Informant " class="pr-xsmall link footer-link">
Informant
</a>
<a href="https://taz.de/Wir-sind-uns-sicher/!vn5957314/" title="Datenschutz " class="pr-xsmall link footer-link">
Datenschutz
</a>
<a href="https://taz.de/Impressum/!vn5957311/" title="Impressum " class="pr-xsmall link footer-link">
Impressum
</a>
<a href="https://taz.de/Abonnementvertraege-der-taz/!vn5957307/" title="AGB " class="pr-xsmall link footer-link">
AGB
</a>
<a href="https://taz.de/Die-Seitenwende/!v=165b2a3c-a94a-4114-8616-1b254db7ced2/" title="Seitenwende " class="pr-xsmall link footer-link">
Seitenwende
</a>
<a style="cursor: pointer" onclick="window._sp_.gdpr.loadPrivacyManagerModal(1221441)" title="Einwilligungen widerrufen (Ads)" class="pr-xsmall link footer-link">
Einwilligungen widerrufen (Ads)
</a>
</div>
</div>
</div>
</hr></hr></footer>
</div>
</body>
<script id="main-script" type="text/javascript" src="/lib/taz-verlag-node/js/own_functions.js"></script>
</html>