<!DOCTYPE html> <html class="no-js responsivelayout" lang="de"> <head> <title>Unterseite</title> <meta name="robots" content="index, follow"> <meta name="keywords" content=""> <meta name="description" content=""> <meta charset="utf-16"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="generator" content="Zeta Producer, ZP13F, 05.10.2016 16:23:58"> <link rel="shortcut icon" type="image/x-icon" href="?v=2"> <link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Kaushan+Script:regular,400"> <link rel="stylesheet" type="text/css" href="assets/bundle.css?v=637298886494745001"> <link rel="stylesheet" type="text/css" href="assets/bundle-print.css?v=636246596526442637" media="print"> <style> body{ } </style> <script type="text/javascript" src="assets/bundle.js?v=637298886494745001"></script> </head> <body id="album-responsive" class="notouch"> <a id="top"></a> <div id="page"> <div id="sidebar"> <p class="webname"> <b>Dopamin Dilemma</b> </p> <div id="nav"> <a href="#" id="mobilenavtoggle" class="tabletonly" aria-label="Men ein-/ausblenden">Men</a> <ul data-breakpointmobilemenu="768" class="touchhovermenu clickhovermenu"> <li class="haschilds active open"> <a href="index.html">Startseite </a> <ul> <li class="active"> <a class="active" href="level-2.html">Unterseite</a> </li> </ul> </li> <li> <a href="kontakt.html">Kommentare zum Buch </a> </li> <li> <a href="impressum.html">Impressum </a> </li> </ul> </div> </div> <div id="contentframe"> <div id="header"> <a id="a1351"></a> <div id="headerslider" class="flexslider"> <div class="flex-container"> <ul class="slides"> <li> <img src="media/images/adobestock_137768875-large.jpg" alt=""> <div class="flex-caption"> <p><strong>Matthias Dege</strong></p> </div> </li> </ul> </div> </div> <script type="text/javascript"> $z(document).ready(function() { var useCssAnimation = true; if ( $z.browser.safari ){ useCssAnimation = false; } // init flexslider after 1st image has loaded, so have dimensions as quickly as possible without having to wait too long on window loaded or such and can start right with doc ready $z('#headerslider .flex-container ul.slides li img').first().one("load", function(){ $z('#headerslider .flex-container').flexslider({ useCSS: useCssAnimation, touch: true, keyboard: true, itemMargin: 0, animation: 'slide', controlsContainer: '#headerslider.flexslider', slideshow: true, slideshowSpeed: 7000, directionNav: true, controlNav: false, randomize: false, pauseOnHover: true, smoothHeight: true, prevText: "zur&#252;ck", nextText: "weiter" }); }).each(function() { if(this.complete) $z(this).load(); }); // .each() is to work around a browser bugs which don't fire load() for cached images http://stackoverflow.com/a/3877079 // activate links for individual slideshow $z('#headerslider .flex-container ul.slides li[data-clickurl]').css("cursor","pointer"); $z('#headerslider .flex-container ul.slides li[data-clickurl]').click(function (event){ // Because this script captures clicks for a container, it will also fire when a regular link inside the container // is clicked. Therefore, we check below, if a regular link i.e. <a href="#"> was the target of the click. // Depending on the browser used, event.target might not be available, but event.srcElement would& var targ; if (event.target){ targ = event.target; } else if (event.srcElement) { targ = event.srcElement; } if (targ.nodeName == "A") { // a regular link i.e. in a Caption was clicked. Return early, so the link's href doesn't get overridden return; } if ( $(this).data("clicktarget") ){ window.open($(this).data("clickurl"), $(this).data("clicktarget")); } else{ window.location = $(this).data("clickurl"); } event.preventDefault; return false; }); }); </script> </div> <div id="content"> <div class="articles zpgrid"> <div class="zparea " data-numcolumns="12" data-areaname="Standard"> <div class="zpRow standard "> <div class="zpColumn zpColumnWidth1 c12" style=" "> <div class="zpColumnItem"> <div id="a1333" data-articleid="1333" class="articlearea zpwText"> <h1>Unterseite</h1> <p>Platzieren Sie hier Ihre eigenen Texte und Bilder. Bearbeiten Sie diesen Text einfach durch einen Doppelklick.</p> </div> </div> </div> </div> </div> </div> </div> <div id="footer"> <div id="xmenu"> <a href="index.html">Startseite</a> <a href="kontakt.html">Kontakt</a> <a href="impressum.html">Impressum</a> </div> <div id="footerinfo"> 2020 Dopamin Dilemma. <a href="http://www.zeta-producer.com" class="zp">Website erstellt mit Zeta Producer CMS</a> </div> </div> </div> </div> <script> var resizeTimer; // used to throttle window.resize, so it doesn't get called too frequent $z(document).ready(function () { // switches the Mobile Navigation-Menu on/off, when "Menu" link is clicked. $z("a#mobilenavtoggle").on("click", function(e){ $z("#sidebar #nav").toggleClass("on"); }); setTimeout(checkNav, 250); }); function checkNav(){ // console.log("Checknav: " + $z("#sidebar").innerHeight() > $z("body").innerHeight() ) if ( $z("#sidebar").innerHeight() > $z("body").innerHeight() ){ $z("body").addClass("scrolling-nav"); } else{ $z("body").removeClass("scrolling-nav"); } } $z( window ).load(function() { checkNav(); $z(window).resize(function() { clearTimeout(resizeTimer); resizeTimer = setTimeout(checkNav, 250); }); }) </script> </body> </html>