This repository has been archived on 2025-04-04. You can view files and clone it, but cannot push or open issues or pull requests.
host_democracy/old/gez.html

452 lines
18 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters

This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!-- ::::::::::::::::::::::::::::::::::::::: -->
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE html>
<html lang="en">
<head>
<title>GEZ VERWENDUNG | DEMOCRACY Deutschland</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-109296340-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-109296340-1');
</script>
<meta name="author" content="Democracy Deutschland e.V.">
<meta name="publisher" content="Democracy Deutschland e.V.">
<meta name="copyright" content="Democracy Deutschland e.V.">
<meta name="description" content="DEMOCRACY ist eine Initiative für mehr Basisdemokratie in Deutschland.">
<meta name="keywords" content="Volksabstimmung, Mitbestimmung, Basisdemokratie, Bundestag, Bundestagsabstimmungen,Abstimmungsinitiativen, Demokratie,Bürgerwünsche,Politik,Stimme,Diskussionsforum,Wahlstimmen,abstimmen">
<meta name="page-topic" content="Gesellschaft">
<meta name="page-type" content="Bericht Reportage">
<meta name="audience" content="Anfänger, Azubis, Erwachsene, Experten, Fortgeschrittene, Frauen, Jugendliche, Männer, Profis, Schüler, Studenten"><meta http-equiv="content-language" content="de">
<meta name="robots" content="index, follow">
<meta name="DC.Creator" content="Democracy Deutschland e.V.">
<meta name="DC.Publisher" content="Democracy Deutschland e.V.">
<meta name="DC.Rights" content="Democracy Deutschland e.V.">
<meta name="DC.Description" content="DEMOCRACY ist eine Initiative für mehr Basisdemokratie in Deutschland.">
<meta name="DC.Language" content="de">
<meta name="revisit-after" content="3 DAYS" />
<!-- Volksabstimmung, Bundestagsabstimmung, Bürgerbefragung -->
<meta property="og:url" content="https://www.democracy-deutschland.de/gez.html" />
<meta property="og:type" content="article" />
<meta property="og:title" content="Bei der Verwendung der GEZ Gebühr mitentscheiden - Stimme darüber ab mit der DEMOCRACY App" />
<meta property="og:description" content="Der Rundfunkbeitrag ist in der Bundesrepublik Deutschland das gegenwärtige Modell zur Finanzierung der öffentlich-rechtlichen Rundfunkanstalten. Stimme darüber ab, wie die Mittel daraus verwendet werden sollen." />
<meta property="og:image" content="https://www.democracy-deutschland.de/images/landing/gez.jpg" />
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<!-- bootstrap-css -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<!--// bootstrap-css -->
<!-- css -->
<link rel="stylesheet" href="css/style.css" type="text/css" media="all" />
<!--// css -->
<!-- font -->
<link href="//fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
<link href="//fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<!-- //font -->
<!-- custom fonts -->
<link rel="stylesheet" href="css/fonts.css" type="text/css" media="all" />
<!--// custom fonts -->
<!-- custom css -->
<link rel="stylesheet" href="css/index.css" type="text/css" media="all" />
<!--// custom css -->
<!-- font-awesome icons -->
<link href="css/font-awesome.css" rel="stylesheet">
<!-- //font-awesome icons -->
<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="icon" type="image/x-icon" sizes="192x192" href="/android-icon-192x192.png">
<link rel="icon" type="image/x-icon" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/x-icon" sizes="96x96" href="/favicon-96x96.png">
<link rel="icon" type="image/x-icon" sizes="16x16" href="/favicon.ico">
<link rel="manifest" href="/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<script src="js/jquery-1.11.1.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
jQuery(document).ready(function($) {
$(".scroll").click(function(event){
event.preventDefault();
$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
});
});
</script>
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
<![endif]-->
</head>
<body>
<!-- banner -->
<div id="banner" class="banner">
<div class="header">
<div class="container">
<div class="header-left">
<div class="w3layouts-logo">
<h1>
<img class="logox" src="./images/logo.png">
</h1>
</div>
</div>
</div>
</div>
<div class="header-bottom">
<div class="container">
<div class="top-nav">
<nav class="navbar navbar-default">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
<li><a id="m_idee" class="m_mm" href="#idee">Idee</a></li>
<li><a id="m_wir" class="m_mm" href="#wir">Wir</a></li>
<li><a id="m_medien" class="m_mm" href="#medien">Medien</a></li>
<li><a class="m_mm" href="prototyp.html">Prototyp</a></li>
<li><a id="m_help" class="m_mm" href="#mithelfen">Mithelfen</a></li>
<!--
<li class="dropdown">
<a href="codes.html" class="dropdown-toggle" data-hover="Pages" data-toggle="dropdown">Pages <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="icons.html">Icons</a></li>
<li><a href="codes.html">Short Codes</a></li>
</ul>
</li>
-->
</ul>
<div class="clearfix"> </div>
</div>
</nav>
</div>
<!-- w3-banner -->
<div class="w3-banner">
<h1 class="headtxt" >DEMOCRACY</h1>
<div class="isabelle_layne" >Demokratie_live</div>
<p class="crowdfunding_details">
Crowd-Funding auf
<img src="./images/startnext_logo.png" alt="Startnext Logo"><br>
<strong>440</strong> Unterstützerinnen<br>
<strong>21.215€</strong> Spendensumme<br>
<br>
<strong>12.924€</strong> fehlen noch<br>
Noch <strong>12 Tage</strong> - Mach mit!
</p>
<a href="http://startnext.com/democracy" class="call_to_action">
Unterstütze unser Projekt auf<br>
<img src="./images/startnext_logo.png" alt="Startnext Logo">
</a>
</div>
<!-- //w3-banner -->
</div>
</div>
</div>
<!-- //banner -->
<section id="wrapperx">
</section>
<!-- footer -->
<div class="footer" >
<div class="container" >
<div class="w3agile_footer_grids" style="padding-left:20px">
<div class="col-md-3 agileinfo_footer_grid">
<div class="agileits_w3layouts_footer_logo">
<div class="logobox">
<div class="edzofont">DEMOCRACY</div>
<div class="isabelle_layne">Demokratie_live</div>
</div>
<div class="agileinfo-social-grids">
<ul>
<li>
<a href="https://www.youtube.com/channel/UC2R4cGTq1LjFZ2DvDaVhDyg" target="_blank" >
<i id="youtube_" class="fa fa-youtube" ></i>
</a>
</li>
<li>
<a href="https://www.facebook.com/democracygermany/" target="_blank" >
<i id="facebook_" class="facebook_ fa fa-facebook" ></i>
</a>
</li>
<li>
<a href="https://twitter.com/democracy_de" target="_blank" >
<i id="twitter_" class="fa fa-twitter" ></i>
</a>
</li>
<li>
<a href="https://www.instagram.com/democracy_deutschland/" target="_blank" >
<i id="insta_" class="insta_ fa fa-instagram" ></i>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-md-3 agileinfo_footer_grid">
<h3>Kontakt Info</h3>
<h2 style="color: white; font-size: 18px"><span class="" >DEMOCRACY</span><br> <small style="font-size: 15px"> Deutschland e.V.</small> </h2>
<small class="foot_gem" style="font-size: 15px">(gemeinnützig)</small>
<br>
<div style="color:white">
<div style="font-size: small">Industriestr. 10</div>
<div style="font-size: small">37079 Göttingen </div>
<div style="font-size: small">Deutschland</div>
<div style="font-size: small">contact@democracy-deutschland.de</div>
<div style="font-size: small">Fon: +49 176 470 40 213</div>
</div>
</div>
<div class="col-md-3 agileinfo_footer_grid" >
<h3>Impressum</h3>
<div style="color:white">
<div style="font-size: small">Amtsgericht Göttingen</div>
<div style="font-size: small">VR 201924</div>
<div></div>
</div>
<br>
<h3>Spenden</h3>
<div style="color:white">
<a href="https://www.startnext.com/democracy" target="_blank" >
<img src="./images/startnext_logo.png" width="120" style="margin-top: -7px">
</a>
<!--
<div style="font-size: small">Bank: Triodos Bank</div>
<div style="font-size: small">IBAN:</div>
<div style="font-size: small">BIC:</div>
-->
</div>
<div class="clearfix"> </div>
</div>
<div class="col-md-3 agileinfo_footer_grid agileinfo_footer_grid1" style="padding-right:20px">
<h3>Navigation</h3>
<ul class="w3layouts_footer_nav">
<li><a href="#idee" onclick="$('#m_idee,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Idee</a></li>
<li><a href="#wir" onclick="$('#m_wir,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Wir</a></li>
<li><a href="#prototyp" onclick="$('#m_proto,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Prototyp</a></li>
<li><a href="#mithelfen" onclick="$('#m_help,#toTopHover').click()"><i class="fa fa-angle-right" aria-hidden="true"></i>Mithelfen</a></li>
</ul>
</div>
<div class="clearfix"> </div>
</div>
</div>
<div class="w3_agileits_footer_copy">
<div class="container">
<p>
<i class="fa fa-creative-commons"></i> BY NC ND 4.0
&mdash; 2017
<span class="edzofont">DEMOCRACY</span>
Deutschland e.V.</p>
</div>
</div>
</div>
<!-- //footer -->
<script src="js/responsiveslides.min.js"></script>
<script src="js/jarallax.js"></script>
<script src="js/SmoothScroll.min.js"></script>
<script type="text/javascript">
/* init Jarallax */
$('.jarallax').jarallax({
speed: 0.5,
imgWidth: 1366,
imgHeight: 768
})
</script>
<script type="text/javascript" src="js/move-top.js"></script>
<script type="text/javascript" src="js/easing.js"></script>
<!-- here starts scrolling icon -->
<script type="text/javascript">
$(document).ready(function() {
/*
var defaults = {
containerID: 'toTop', // fading element id
containerHoverID: 'toTopHover', // fading element hover id
scrollSpeed: 1200,
easingType: 'linear'
};
*/
$().UItoTop({ easingType: 'easeOutQuart' });
setTimeout(function(){
$("#iframe").attr("src","https://projects.invisionapp.com//share/XHCNO67CA#/screens");
},1000);
var prepareSwitch = function() {
$(".w3-banner ").css("display", "none");
$("#wrapperx").css('position', 'relative').css("right", "-3500px");
$("#wrapperx").animate({"right":"0"}, 500);
setTimeout( function() {
var toggler = $(".navbar-toggle")
if ( toggler.attr( 'aria-expanded' ) == 'true' ) {
toggler.click();
}
}, 500);
};
$("#m_idee").click(function(){
prepareSwitch();
$(".w3-banner ").css("display", "block");
$("#wrapperx").load("m_idee.html");
$(".banner")
.addClass("banner_nonpure")
.removeClass("banner_nonpure2");
$(".footer").addClass("footer_bg_grey");
});
$("#m_wir").click(function(){
prepareSwitch();
$("#wrapperx").load("m_wir.html");
// $(".banner").removeClass("banner_nonpure");
$(".banner").addClass("banner_nonpure2");
});
$("#m_medien").click(function(){
prepareSwitch();
$("#wrapperx").load("m_medien.html");
$(".banner").addClass("banner_nonpure2");
});
$("#m_proto").click(function(){
prepareSwitch();
$("#wrapperx").load("m_proto.html");
$(".banner").removeClass("banner_nonpure");
$(".banner").addClass("banner_nonpure2");
});
$("#m_help").click(function(){
prepareSwitch();
$(".banner").removeClass("banner_nonpure");
$(".banner").addClass("banner_nonpure2");
$("#wrapperx").load("m_help.html", function(){
// txt zeichen zählen
$("#exampleTextarea").keyup(function(){
var txt = parseInt( $("#exampleTextarea").val().length);
// console.log( txt < 120);
// console.log( "txt= "+ txt );
if ( txt < 120 ) {
$("#txtsincebox").html(' ( -<span id="txtsince">'+ (120 - txt) +'</span> Zeichen )');
$("#submitx").removeClass("btn-success");
} else {
$("#txtsincebox").html("ok");
$("#submitx").addClass("btn-success");
}
});
$("#submitx").click(function(){
var formserial = $("#form").serialize();
var fvorname = $("#fvorname").val();
var fnachname = $("#fnachname").val();
var femail = $("#femail").val();
var txt = $("#exampleTextarea").val();
if (fvorname == "" || fvorname.length < 3 ){
alert( "bitte einen Vornamen eingeben");
$("#fvorname").focus();
return null;
}
if (fnachname == "" || fnachname.length < 3 ){
alert( "bitte einen Nachname eingeben");
$("#fnachname").focus();
return null;
}
if (femail == "" || femail.length < 11 ){
alert( "bitte einen E-Mail eingeben");
$("#femail").focus();
return null;
}
if (txt == "" || txt.length < 120 ){
alert( "bitte einen Text eingeben");
$("#exampleTextarea").focus();
return null;
}
$.ajax({
method: "POST",
url: "sendmail.php",
data: formserial
})
.done(function( msg ) {
// console.log( msg );
if ( msg == "Message sent") {
$('#form').trigger("reset");
alert("Danke! Deine Nachricht wurde versendet.");
} else {
alert("Deine Nachricht konnte nicht versendet weden. Bitte versuche es später noch einmal. Danke.")
}
});
});
});
});
// --- hier: CETA
prepareSwitch();
$("#wrapperx").load("_gez.html");
$(".banner").addClass("banner_nonpure2")
}); // document ready
</script>
<!-- //here ends scrolling icon -->
</body>
</html>