<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>Die Epilog • Error</title>
<link rel="apple-touch-icon" sizes="180x180" href="https://die-epilog.de/assets/favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://die-epilog.de/assets/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://die-epilog.de/assets/favicon/favicon-16x16.png">
<link rel="manifest" href="https://die-epilog.de/assets/favicon/site.webmanifest">
<link rel="mask-icon" href="https://die-epilog.de/assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#603cba">
<meta name="theme-color" content="#ffffff">
<meta name="description" content="Die Epilog ist eine Zeitschrift für Fragen, Antworten, Pointen und überraschende Wendungen zur Gegenwartskultur.">
<meta name="keywords" content="Die Epilog, Magazin, Kultur, Berlin, Weimar, Zeitschrift, Gegenwartskultur, Independent, Kulturtheorie, Editorial Design, Fotografie, Gesellschaft, Alltag, Grafikdesign, Redaktion, Publishing, Magazine, Verlag">
<meta name="geo.region" content="DE-BE" />
<meta name="geo.placename" content="Berlin" />
<meta name="geo.position" content="52.49342;13.395179" />
<meta name="ICBM" content="52.49342, 13.395179" />
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:site" content="@die_epilog">
<meta name="twitter:title" content="Die Epilog">
<meta name="twitter:description" content="Die Epilog ist eine Zeitschrift für Fragen, Antworten, Pointen und überraschende Wendungen zur Gegenwartskultur.">
<meta name="twitter:image" content="https://die-epilog.de/assets/socialmediaimages/00_Standard.jpg">
<meta property="og:url" content="https://die-epilog.de" />
<meta property="og:description" content="Die Epilog ist eine Zeitschrift für Fragen, Antworten, Pointen und überraschende Wendungen zur Gegenwartskultur." />
<meta property="og:image" content="https://die-epilog.de/assets/socialmediaimages/00_Standard.jpg" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animsition/4.0.2/css/animsition.css">
<link href="https://fonts.googleapis.com/css2?family=Lora:ital@0;1&display=swap" rel="stylesheet">
<link href="https://die-epilog.de/assets/css/index.css?v=1678411034" rel="stylesheet"> <!-- Matomo -->
<script type="text/javascript">
var _paq = window._paq || [];
/* tracker methods like "setCustomDimension" should be called before "trackPageView" */
_paq.push(['trackPageView']);
_paq.push(['enableLinkTracking']);
(function() {
var u="//die-epilog.de/analytics/";
_paq.push(['setTrackerUrl', u+'matomo.php']);
_paq.push(['setSiteId', '1']);
var d=document, g=d.createElement('script'), s=d.getElementsByTagName('script')[0];
g.type='text/javascript'; g.async=true; g.defer=true; g.src=u+'matomo.js'; s.parentNode.insertBefore(g,s);
})();
</script>
<!-- End Matomo Code -->
<script type="text/javascript" src="https://steadyhq.com/widget_loader/8b56b8bf-b3d1-4362-a21d-f1c57f96d62f"></script>
<!-- <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.0/jquery.min.js"></script> -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js"></script>
<!-- <link rel="stylesheet" href="https://unpkg.com/flickity@2/dist/flickity.min.css">
<link rel="stylesheet" href="https://unpkg.com/flickity-fade@1/flickity-fade.css">
<script src="https://unpkg.com/flickity@2/dist/flickity.pkgd.min.js"></script>
<script src="https://unpkg.com/flickity-fade@1/flickity-fade.js"></script> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.css" />
<script src="https://cdn.jsdelivr.net/gh/fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
</head>
<body >
<div class="menu">
<div class="name">
<div class="menu-icon">
<div class="burger"></div>
</div>
<a href="https://die-epilog.de"><h1>Die Epilog</h1></a>
</div>
<nav>
<ul>
<li class="main"><a href="https://die-epilog.de">Aktuelles</a></li>
<li class="main"><a href="https://die-epilog.de/uber">Über</a></li>
<li class="main"><a href="https://die-epilog.de/digital">Digitale Inhalte</a></li>
<!-- <li class="main haschildren">
<a href="https://die-epilog.de/digital">Digitale Inhalte</a>
<ul>
<li><a href="https://die-epilog.de/digital/das-ende-naht">DAS ENDE NAHT</a></li>
<li><a href="https://die-epilog.de/digital/its-a-gift">it's a gift</a></li>
<li><a href="https://die-epilog.de/digital/online-lesen">Online Lesen</a></li>
<li><a href="https://die-epilog.de/digital/sammlung">Sammlung</a></li>
</ul>
</li> -->
<li class="main"><a href="https://die-epilog.de/veranstaltungen">Veranstaltungen</a></li>
<li class="main"><a href="https://die-epilog.de/verkaufsstellen">Verkaufstellen</a></li>
<li class="sec" id="contact"><a class="animsition-link" href="https://die-epilog.de/uber#uber">Kontakt</a></li>
<li class="sec"><a href="https://die-epilog.de/presse">Media + Presse</a></li>
<li class="sec"><a class="ext" target="_blank" href="https://subscribe.newsletter2go.com/?n2g=d6o5756b-7alg27hz-12mi">Newsletter</a></li>
<li class="social"><a class="ext" target="_blank" href="https://www.facebook.com/die.epilog/">Facebook</a></li>
<li class="social"><a class="ext" target="_blank" href="https://www.instagram.com/dieepilog/">Instagram</a></li>
<li class="social"><a class="ext" target="_blank" href="https://twitter.com/die_epilog">Twitter</a></li>
<li class="sub"><a class="int" href="https://die-epilog.de/impressum">Impressum</a></li>
<li class="sub"><a class="int" href="https://die-epilog.de/datenschutzerklarung">Datenschutz</a></li>
</ul>
</nav>
<div class="closenav"></div>
</div>
<h1 class="subtitle"><a href="">Error</a></h1>
<div class="cursor"></div>
<main>
<div id="blur"></div>
<section>
<div class="sondertext w75"></div>
</section>
</main>
<script src="https://die-epilog.de/assets/js/jquery.stickybits.min.js"></script>
<script type="text/javascript">
//Contact Scroll
$( "#contact a" ).on( "click", function() {
$('.menu').toggleClass("menu-on");
$("main").toggleClass("menu-active");
var position = $('#uber').offset().top;
var offset = position - ( parseInt($('html').css('font-size')) * 11 );
$('html, body').animate({
scrollTop: offset
}, 800);
$('.menu nav ul li.main a').removeClass('active');
$('#contact a').addClass('active');
});
if(window.location.hash != ''){
var hash = window.location.hash;
var position = $(hash).offset().top;
var offset = position - ( parseInt($('html').css('font-size')) * 11 )
$('html, body').animate({
scrollTop: offset
}, 800);
$('.menu nav ul li.main a').removeClass('active');
$('#contact a').addClass('active');
}
//mobile check
var isMobile = false;
if(/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent)
|| /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.substr(0,4))) {
isMobile = true;
}
//cursor
var xMousePos = 0;
var yMousePos = 0;
var lastScrolledLeft = 0;
var lastScrolledTop = 0;
var ww = $(window).width();
var wh = $(window).height();
$(document).mousemove(function(event) {
captureMousePosition(event);
})
$(window).scroll(function(event) {
if(lastScrolledLeft != $(document).scrollLeft()){
xMousePos -= lastScrolledLeft;
lastScrolledLeft = $(document).scrollLeft();
xMousePos += lastScrolledLeft;
}
if(lastScrolledTop != $(document).scrollTop()){
yMousePos -= lastScrolledTop;
lastScrolledTop = $(document).scrollTop();
yMousePos += lastScrolledTop;
}
$('.cursor').css({
left: xMousePos,
top: yMousePos
});
});
var box = document.getElementById('sndcurs');
var boxCenter = [ww/2, wh/2];
// var cw = Math.round(ww / 255);
// var ch = Math.round(wh / 255);
function captureMousePosition(event){
xMousePos = event.pageX;
yMousePos = event.pageY;
var opositex = ww - xMousePos
var opositey = wh - yMousePos
var angle = Math.atan2(event.pageX- boxCenter[0],- (event.pageY- boxCenter[1]) )*(180/Math.PI);
//$('#landing').css("background-color", "rgb("+xMousePos+","+yMousePos+","+xMousePos+")");
$('.cursor').css({
left: xMousePos,
top: yMousePos
});
$('#firstcurs').css({
left: xMousePos,
top: yMousePos,
'transform': 'rotate(' + angle + 'deg) scale(-1)'
});
$('#sndcurs').css({
left: opositex,
top: opositey,
'transform': 'rotate(' + angle + 'deg)'
});
}
// $( "#matchtrigger" ).hover(
// function() {
// $('#match').addClass('boom');
// //$('#landing').addClass('match');
// setTimeout(function(){
// $('#serious').fadeIn('slow');
// }, 3000);
// setTimeout(function(){
// $('#sndcurs, #firstcurs').remove();
// $('#landing').addClass('match');
// }, 4000);
//
// }, function() {
// //$('#match').removeClass('boom');
// //$('#landing').removeClass('match');
// }
// );
$("#scrolldown").click(function() {
//var height = window.innerHeight
$('html, body').animate({
scrollTop: wh
}, 2000);
});
$( ".closeacc, .description, .mag" ).hover(
function() {
$('.cursor').addClass('close');
}, function() {
$('.cursor').removeClass('close');
}
);
$(document).on({
mouseenter: function () {
$('.cursor').addClass('arrow right')
},
mouseleave: function () {
$('.cursor').removeClass('arrow right')
}
}, ".owl-next, .fancybox-button--arrow_right, .carousel__button.is-next");
$(document).on({
mouseenter: function () {
$('.cursor').addClass('arrow left')
},
mouseleave: function () {
$('.cursor').removeClass('arrow left')
}
}, ".owl-prev, .fancybox-button--arrow_left, .carousel__button.is-prev");
//sticky stuff
$('.sticky').stickybits({
});
//Mag3D
$(function(){
$(window).mousemove(function(e){
$('.shape').css('transform', 'rotateX(' + - e.pageY + 'deg)' + 'rotateY(' + e.pageX + 'deg)');
});
})
//Accordion
var openposition;
$(function() {
var Accordion = function(el, multiple) {
this.el = el || {};
this.multiple = multiple || false;
var links = this.el.find('.article-title');
links.on('click', {
el: this.el,
multiple: this.multiple,
}, this.dropdown)
}
Accordion.prototype.dropdown = function(e) {
var $el = e.data.el;
$this = $(this),
$next = $this.next();
$next.slideToggle()
$this.parent().toggleClass('open');
if (!e.data.multiple) {
$el.find('.accordion-content').not($next).slideUp().parent().removeClass('open');
};
}
var accordion = new Accordion($('.accordion'), false);
});
$( ".article-title" ).on( "click", function() {
var uhu = $(this)
function explode(){
var position = uhu.offset().top;
var offset = position - ( parseInt($('html').css('font-size')) * 11 )
$('html, body').animate({
scrollTop: offset
}, 800);
}
setTimeout(explode, 500);
});
//magswitch
$( ".magswitch" ).click(function() {
$(this).parent().parent().next().find('.articles').toggle();
$(this).parent().parent().next().find('.description').toggle();
$(this).parent().parent().next().find('.gallery').toggle();
$(this).text($(this).text() == 'Beiträge' ? 'Info' : 'Beiträge');
if (isMobile == false) {
var position = $(this).closest('.content-entry').offset().top;
var offset = position - ( parseInt($('html').css('font-size')) * 11 )
$('html, body').animate({
scrollTop: offset
}, 800);
}
});
if (isMobile == false) {
$( ".closeacc, .description, .articles, .mag" ).click(function(e) {
var container = $(this).closest('.accordion-content')
var position = $(this).closest('.content-entry').offset().top;
var offset = position - ( parseInt($('html').css('font-size')) * 11 )
$(container).slideUp(function() {
$('html, body').animate({ scrollTop: offset }, 800);
console.log("blablabla")
}).parent().removeClass('open')
});
}
//Menu
$(".name > .menu-icon").click(function () {
$('.menu').toggleClass("menu-on");
$("main").toggleClass("menu-active");
});
$(".closenav").click(function(){
$('.menu').toggleClass("menu-on");
$("main").toggleClass("menu-active");
});
//gallery
$('.about-gallery').owlCarousel({
margin: 20,
nav: true,
dots: false,
navSpeed: 50,
animateIn: 'fadeIn ',
animateOut: 'fadeOut',
items: 1,
loop: true,
lazyLoad: true,
//autoHeight: true,
navText: [,]
})
$('.auto-owl-carousel').owlCarousel({
margin: 0,
nav: true,
dots: false,
navSpeed: 500,
animateIn: 'fadeIn ',
animateOut: 'fadeOut',
items: 1,
loop: true,
lazyLoad: true,
autoplay:true,
//checkVisible: false,
autoplayTimeout:2000,
autoplayHoverPause:false,
//autoHeight: true,
navText: [,]
})
//wisthlistgallery
// $('.wishlistgallery').owlCarousel({
// margin: 20,
// nav: false,
// dots: true,
// navSpeed: 50,
// //animateIn: 'fadeIn ',
// //animateOut: 'fadeOut',
// items: 1,
// loop: true,
// lazyLoad: true,
// autoHeight: true,
// navText: [,]
// })
//subtitle scrollfade
$(window).scroll(function () {
var sh = $(window).scrollTop();
$('.subtitle').css({
opacity: 1 - sh/100
}
)
});
//Order Soon
// $("#order > a").click(function (e) {
// e.preventDefault();
// console.log("soon");
// $('#soon').toggleClass("soon-on");
// $('#order > a').css("display", "none");
// });
//steadyhack
$(document).ready(function() {
console.log("redd")
function callback() {
if ($('#steady-paywall-overlay-container').length){
console.log("loggedout")
}
if ($('.steady-paywall-container .cleanslate').is(':empty')){
console.log("jsjsjs")
}
}
setTimeout(callback, 1000);
});
</script>
<div id="cookie_banner-wrapper">
<div class="cookie_container">
<p class="cookie_message">Diese Website benutzt Cookies, um seinen Leser*innen das beste Webseiten-Erlebnis zu ermöglichen. <a href="datenschutzerklaerung">Mehr Infos</a></p>
<button class="cookie_btn cookie_btn_accept_all" onclick="closeCookie()">Einverstanden</button>
<button class="cookie_btn cookie_btn_decline" onclick="declineCookie()">Ablehnen</button>
</div>
</div>
<script>
function declineCookie() { banner.style.display = 'none'; localStorage.nocookies=true;}
function closeCookie() {
//document.cookie = "cookie-note=1;path=/;max-age=864000", banner.style.display = "none"
document.cookie = "cookie_notice_accepted=true;path=/;max-age=864000", banner.style.display = "none"; _paq.push(['setConsentGiven'])
}
var banner = document.getElementById("cookie_banner-wrapper");
//-1 !== document.cookie.indexOf("cookie-note=1") && (banner.style.display = "none");
-1 !== document.cookie.indexOf("cookie_notice_accepted=true") && (banner.style.display = "none");
</script>
</body>
</html>