<!DOCTYPE html> <html class="no-js responsivelayout" lang="de"> <head> <title>Herzlich willkommen!</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 13.3.0.0, 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 open active"> <a class="active" href="index.html">Startseite </a> <ul> <li> <a 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="a1350"></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 " style="margin-top: 20px;"> <div class="zpColumn zpColumnWidth2 c6" style=" "> <div class="zpColumnItem"> <div id="a1337" data-articleid="1337" class="articlearea zpwText"> <h3>Wellen</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eleifend ultrices arcu, sagittis pharetra ligula pretium bibendum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur <a href="#">ridiculus</a> mus. </p> </div> </div> </div> <div class="zpColumn zpColumnWidth2 c6" style=" "> <div class="zpColumnItem"> <div id="a1338" data-articleid="1338" class="articlearea zpwText"> <h3>Täler</h3> <p>Donec condimentum, justo quis bibendum pulvinar, nisl turpis consequat nunc, mattis sodales turpis augue a lacus. Nunc <a href="#">consectetur</a> fringilla pulvinar. Aenean ut auctor orci. Donec erat neque, pulvinar sit amet malesuada sed, molestie ut purus. </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>