<!DOCTYPE HTML>
<html>
<meta charset="utf-8">
<meta name='viewport' content='width=device-width, initial-scale=1.0, maximum-scale=1.0' />
<title>Wieviele Menschen verträgt die Erde?</title>
<link rel=stylesheet media="screen,print" href="./hdata/website.css" type="text/css">
<meta http-equiv="Content-Type" content="text/html">
<meta name="description" content="Wieviele Menschen verträgt die Erde? Existenz der Menschheit,unsere Zukunft, ein Weltmodell">
<meta name="keywords" content="Existenz,Menschheit,Zukunft,Weltmodell">
<meta name="robots" content="follow">
<meta name="revisit-after" content="7 days">
<meta name="author" content="DerQuerdenker">
<meta name="content-language" content="de">
<head>
<title>Websites mit CSS3 Media Queries für iPhone, iPad, Android &amp; Co. optimieren</title>
<style>
* {                                     			/* allgemeine Definition */
	margin:0px;
	padding:12px;
	color:black;
              line-height: 1;                     /* verhindert ungewollte Vererbungen */
}
body { 
	font-family: Angsana,Calibri,Arial; 
	display:block; 
    	width:75%;
	background-color:#fff;
	text-align:justify;                     /*justify nur breiten mediascreen*/
	font-size:12pt;
	 }
ul {
  	margin:-4px;
  	padding-left: 5;
}
li {
  height:1.1;
}
#container {
	margin:30px auto;
	width:960px; 
    }
#header {
	width:95%;
    	border: 1px solid red;
    	background-color: coral;
	margin-bottom: 2%;
	height:100%;
   	vertical-align:middle;
}

#content {
	float:left;
	width:45%;
    	min-width:200px;
	margin-right:2%;
    	border: 1px solid blue;       /* die Farbumrandung  dient der anschaulichen Darstellung */		background-color:lightblue;	/* der responsiven Inhalte */
	height:100%;
}

#mitte {
	float:left;
	width:20%;
   	 min-width:200px;
	margin-right:2%;
   	 border: 1px solid orange;
    	background-color:lightgoldenrodyellow;
	height:100%;
}

#rechts {
	float:left;
	width:20%;
    	min-width:200px;
   	 border: 1px solid black;
    	background-color:lightgray;
	height:100%;
}
@media only screen and (max-width: 1024px) {

#container { width:100%; }

#content { width:45%; }

#mitte1 {
	width:20%;
    	min-width:400px;
	margin-right:0;
	margin-bottom:2%;
    	height:100%;
}
#rechts {
	width:20%;
    	min-width:300px;
	height:100%;
}
} 
@media only screen and (max-width: 480px) {
#header {
	width:100%;
    max-width:450px;
    border: 1px solid red;
    margin-left:2px;
    margin-right:0;
	margin-bottom: 2%;
    padding:2px;
    padding-left:0;
    text-align:center;
	height:100%;
}

#content {
	width:100%;                /* die Breite wird meist in % angegeben um das Verhältnis */
    	max-width:450px;           /*bei verschieden großen Bildschirmen richtig darzustellen*/
    	min-width:200px;
    	margin-left:2px;
    	margin-right:0;
	margin-bottom:2%;
   	 padding-left:0;
   	 padding:2px;
   	 text-align:left;                    /*text-align:lefty nur schmalen mediascreen - */
    	height:100%;		/*hier würde derBlocksatz nur stören*/
    	vertical-align:middle;
}

#mitte {
	width:100%;
 max-width:450px;
 min-width:200px;
 margin:0;
 margin-left:2px;
 padding:2px;
 text-align:left;
 height:100%;
}

#rechts {
	width:100%;
    	max-width:450px;
    	min-width:200px;    
    	margin:0;
    	margin-left:2px;
    	padding:2px;
   	 text-align:left;
   	 height:100%;
}
ul {
  	margin:-4px;
  	margin-left: 10px;                 /*margin-left verhndert, dass die bullets außerhalb	*/		}				/* zu liegen kommen*/
}
</style>
</head>
<body>
<div id="container">
  <div id="header">
	<h1>Wieviele Menschen verträgt die Erde?</h1> 
  </div>
  <div id="content">
Das ist eine grund&shy;sätzliche Frage. Vielleicht die grund&shy;sätzlichste überhaupt.

<br />
<br />
Zumindest dann ist die Frage wichtig, wenn es unser Ziel sein soll, das Überleben 
der Mensch&shy;heit solange wie möglich hinaus&shy;zuzögern.

<br />
<br />
Die Wortwahl macht schon deutlich, dass man nach einigem Nach&shy;denken zur Über&shy;zeugung kommen muß, 
dass es irgend&shy;wann mit der Mensch&shy;heit zu Ende gehen wird.

<br />
<br />

Die Frage ist nur wann?

<br />
<br />

Sicher nicht erst nach 5 Mrd. Jahren, wenn die Erde von der Sonne verschluckt wird, 
sondern schon viel, viel früher!

<br />
<br />

Wenn wir so weitermachen wie bisher, ist es mit uns schon nach einigen Jahr&shy;hunderten vorbei, 
wenn wir geschickt sind, dauert es noch einige Jahr&shy;tausende.
  </div>
  <div id="mitte">
<h3 style="text-align:center">Was die Welt bedroht</h3>
Es sind vor allem zwei Dinge, das 
<ul>
<li>Be&shy;völ&shy;kerungs&shy;wachs&shy;tum <br />und das</li>
<li>Wir&shy;tschafts&shy;wachs&shy;tum</li>

</ul>
Beides wächst expo&shy;tentiell.
<br />
<br />
Es ist daher wichtig, berech&shy;nen zu können, welche Folgen dieses 
Wachs&shy;tum auf den Fort&shy;bestand der Mensch&shy;heit haben wird. 

  </div>
  <div id="rechts">
<h3 style="text-align:center">Bevöl&shy;kerungs&shy;wachstum</h3>

Die Trends (ohne auf Statis&shy;tiken und Pro&shy;gnosen einzugehen):
<ul>
<li>Landflucht: Allgemein geht der Trend zur Über&shy;siedlung in Städte.</li>
	<ul>
	<li>Städtische Lebens&shy;form: mehr Res&shy;ourcen&shy;ver&shy;brauch</li>
	<li>Bauland verdrängt Ackerland</li>
	<li>keine wirkliche Ver&shy;besserung der Lebens&shy;be&shy;dingungen</li>
	</ul>
<li>Besonders starkes Be&shy;völke&shy;rungs&shy;wachs&shy;tum gibt es 
    in den Entwick&shy;lungs&shy;ländern, 
da dort der Nachwuchs die Alters&shy;versorgung ist.</li>
<li>Entwicklungs&shy;länder werden zu Schwellen&shy;ländern.</li>
	<ul>
	<li>Res&shy;sourcenver&shy;brauch steigt</li>
	<li>Bauland verdrängt Ackerland</li>
	<li>nur teilweise Verbesserung der Lebens&shy;be&shy;dingungen</li>
	</ul>

<li>Abwanderung in &bdquo;reiche&rdquo; Indus&shy;trie&shy;länder</li>
	<ul>
	<li>Res&shy;sourcenver&shy;brauch steigt enorm</li>
	<li>Bauland verdrängt Ackerland</li>
	<li>nur teilweise Ver&shy;besserung der Lebens&shy;be&shy;dingungen</li>
	</ul>

</ul>
Naturgemäß benötigen mehr Menschen auch mehr Nahrung und mehr Wasser.
Je mehr Industr&shy;iali&shy;sierung, desto mehr Res&shy;sourcen werden benötigt.
<br />
<br />
In einem &bdquo;Weltmodell&rdquo; sollten die Abhängig&shy;keiten quantifiziert werden.
<br />
<br />
Salopp gesprochen: Wie&shy;viele Menschen weniger kann die Erde er&shy;nähren, wenn 
die Verstäd&shy;terung weiter zunimmt.
<br />
<br />
Oder: Wie wirkt sich die Wirt&shy;schafts&shy;migration (von agra&shy;risch geprägten 
Entwicklungs&shy;ländern in indus&shy;triell oder post&shy;industriell 
geprägte Hoch&shy;tech&shy;nologie&shy;länder) 
auf das Potenzial der Erde aus?

  </div>
  <div style="clear:both;"></div>
</div>

</body>
</html>