<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>"/>
<title>
<?php if (is_home() || is_front_page()) {
echo bloginfo('name');
} else {
echo "» ";
echo wp_title('');
echo " | ";
echo bloginfo('name');
} ?>
</title>
<!-- START Angaben aus non-optimized Template -->
<meta name="author" content="Elias Danner"/>
<meta name="revisit-after" content="5 days"/>
<meta name="robots" content="index"/>
<meta http-equiv="imagetoolbar" content="false"/>
<!-- ###
<meta name="page-topic" content="Oberrhein Römer-Radweg, Radfahren, Sport, Radweg, Römer, Geschichte"/>
<meta name="keywords" content="oberrhein, breisgauer, römer, radweg, radfahren, weg, bewegung, ausflug, freizeit, sport, erholung, geschichte, lehrpfad, spuren, markgräflerland, breisgau, süddeutschland, badenweiler, müllheim, heitersheim, bad krozingen, breisach, sasbach, jechtingen, riegel, tourismus"/>
<meta name="description" content="Oberrhein Römer-Radweg durch Markgräflerland & Kaiserstuhl. 140 km Radwandervergnügen zu Römern, Rhein und Reben von Grenzach-Wyhlen bis Riegel."/>
END non-optimized Template ### -->
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, user-scalable=no">
<!-- ####### STYLESHEETS & LINKS ####### -->
<!-- Allgemeines Stylesheet -->
<link rel="stylesheet" type="text/css" href="<?php bloginfo('stylesheet_url'); ?>">
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url'); ?>/jquery-aselect.css">
<!-- Fonts -->
<link href='https://fonts.googleapis.com/css?family=Raleway:400,100,300,200,500,600,700,800,900' rel='stylesheet'
type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Nunito:400,300,700' rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic'
rel='stylesheet' type='text/css'>
<link href='https://fonts.googleapis.com/css?family=Oxygen:400,300,700' rel='stylesheet' type='text/css'>
<link href="<?php bloginfo('template_url'); ?>/favicon.ico" rel="shortcut icon"/>
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>"/>
<!-- ### END ### -->
<!-- ####### CODE PLUGINS ####### -->
<?php wp_head(); ?>
<!-- ### END PLUGINS ### -->
<!-- Custom Styles -->
<style type="text/css">
html {
background: url(
<?php
// Hier einfach die jeweiligen Hintergründe ergänzen oder entfernen.
if ( is_front_page() ){ bloginfo('template_url'); ?>/images/bg.jpg <? }
else { bloginfo('template_url'); ?>/images/bg_service.jpg<?php } ?> ) no-repeat center center fixed;
}
@media screen and (max-width: 730px) {
html {
background-position: top;
}
}
</style>
<script type="text/javascript">
$(document).ready(function () {
$(".mobile_nav_button p, .mobile_nav_button img").click(function (event) {
event.preventDefault();
$('div.menu-navigation-container #dropmenu').slideToggle('slow');
});
});
// $(document).ready(function () {
// $('.mobile_nav_button').toggle(function() {
// $('div.menu-navigation-container #dropmenu').slideDown();
// $('.mobile_nav_button').addClass("active");
// }, function() {
// $('div.menu-navigation-container #dropmenu').slideUp();
// $('.mobile_nav_button').removeClass("active");
// });
// });
</script>
<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="<?php bloginfo('template_url'); ?>/js/assets/html5shiv.js"></script>
<script src="<?php bloginfo('template_url'); ?>/js/assets/respond.min.js"></script>
<![endif]-->
</head>
<!-- ####### INHALT ####### -->
<body>
<?php if (!is_front_page()) { ?>
<!-- Auswahl Sprache -->
<div id="selection"><a href="?lang=de"><img src="<?php bloginfo('template_url'); ?>/images/de.jpg"
class="selection-button" border="0"/></a> <a href="?lang=en"><img
src="<?php bloginfo('template_url'); ?>/images/en.jpg" class="selection-button" border="0"/></a> <a
href="?lang=fr"><img src="<?php bloginfo('template_url'); ?>/images/fr.jpg" class="selection-button"
border="0"/></a> <a target="_blank"
href="http://www.facebook.com/roemerradweg"><img
src="<?php bloginfo('template_url'); ?>/images/facebook_logo.png" class="selection-button"
border="0"/></a></div>
<?php } ?>
<!-- Die Seite ist in drei Bereiche eingeteilt: Den Header mit Logo und Navigation, den Content Bereich mit Sidebar und Inhalt sowie den Footer. -->
<div class="container<?php if (is_front_page()) {
echo "-frontpage";
} ?>">
<?php if (!is_front_page()){ ?>
<!-- HEADER START-->
<header class="fullwidth">
<!-- LOGO -->
<div id="logo" class="col1"><a href="/">
<img src="<?php bloginfo('template_url'); ?>/images/logo.jpg" border="0" width="165"
height="165"></a></div>
<!-- NAVIGATION -->
<div class="col2" id="navigation">
<div id="slogan">
<p><?php if (qtrans_getLanguage() == "de") : ?> Oberrhein Römer-Radweg durch Markgräflerland, Kaiserstuhl & Ortenau
<?php endif ?> <?php if (qtrans_getLanguage() == "en") : ?> Roman cycleway in Upper Rhine region through Markgräflerland, Kaiserstuhl & Ortenau
<?php endif ?><?php if (qtrans_getLanguage() == "fr") : ?> La piste cyclable du régions Rhin Supérieur par Markgräflerland, Kaiserstuhl & Ortenau<?php endif ?></p>
</div>
<div id="menu">
<a href="#" class="mobile_nav_button"><img class="menu_button"
src="<?php bloginfo('template_url'); ?>/images/menu_button.png"
height="43" width="43" alt="Menü">
<p>Navigation</p></a>
<?php wp_nav_menu(array('container' => 'nav', 'menu_id' => 'dropmenu', 'theme_location' => 'primary')); ?>
<?php wp_nav_menu(array('container' => 'div', 'menu_id' => 'dropmenu', 'menu_class' => 'menu-mobile', 'theme_location' => 'primary')); ?>
</div>
<div id="logo-mobile"><a href="<?php echo get_site_url();
?>/"><img src="<?php bloginfo('template_url'); ?>/images/logo.jpg" border="0" width="165"
height="165"></a></div>
</div>
<!-- NAVIGATION ENDE -->
</header>
<!-- HEADER END -->
<?php } else{ ?>
<div id="logo" class="frontpage"><a href="<?php echo get_site_url();
?>/"><img src="<?php bloginfo('template_url'); ?>/images/logo.jpg" border="0" width="165" height="165"></a>
</div>
<!-- Auswahl Sprache -->
<div id="selection-frontpage"><a href="?lang=de"><img src="<?php bloginfo('template_url'); ?>/images/de.jpg"
class="selection-button" border="0"/></a> <br class="break">
<a href="?lang=en"><img src="<?php bloginfo('template_url'); ?>/images/en.jpg" class="selection-button"
border="0"/></a><br class="break"> <a href="?lang=fr"><img
src="<?php bloginfo('template_url'); ?>/images/fr.jpg" class="selection-button" border="0"/></a><br
class="break"> <a target="_blank" href="http://www.facebook.com/roemerradweg"><img
src="<?php bloginfo('template_url'); ?>/images/facebook_logo.png" class="selection-button"
border="0"/></a></div>
<?php } ?>
Oberrhein Römer-Radweg
durch Markgräflerland,
Kaiserstuhl & Ortenau
200 km Radwandervergnügen zu Römern,
Rhein und Reben von Grenzach-Wyhlen bis Offenburg
