@media screen and (min-width: 570px) and (max-width: 720px){

/* Grundlayout -------------------------------------------------*/

	html{
		font-size: 93%;
	}
	
	body{
		max-width: 1100px;
		box-shadow: 0px 15px 300px #cc9900;/* glow ffcc00*/
		  /* so ist der Ockerbereich immer zentriert -------------------------------------------------*/
		margin-left: auto;
		margin-right: auto;
		margin-top: 0%;
		margin-bottom: 0%;
		}
/* Der Bereich über 1280 ist fix - die Mitte ocker bleibt gleich breit bei 1100 px*/

	
	
/* Einruecken -------------------------------------------------*/

	.linksRand_gesamt{
		margin-left: 15%;
		margin-right: 10%;
	}
	
	.einruecken_Kategorie{
		margin-left: 10%;
	}
	
	.einruecken_InhaltKategorie{
		margin-left: 6%;
	}
	
	
/* Ueberschriften -------------------------------------------------*/

/* Blick ins Buch, Hoer doch mal, Infos, Autorenprofil*/
	.Ueberschrift_Bereich{
		font-size: 200%;
		text-shadow: #c0c0c0 3px 3px 5px;
	}
	
/* White Space, SCRIBBOOK, Kinderbuch, Mentaltraining*/
	.Ueberschrift_Kategorie{
		font-size: 135%;
	}
	
/* Inhalte von :White Space, SCRIBBOOK, Kinderbuch, Mentaltraining*/
	.Ueberschrift_InhaltKategorie{
		font-size: 110%;
	}

	
	
/* Tabelle Startseite -------------------------------------------------*/

	.Ueberschrift_Tabelle_oben{
		font-size: 115%;
		font-weight: bold;
	}

	.Ueberschrift_Tabelle_innen{
		font-size: 100%;
		font-weight: bold;
	}

	.Tabelle_Fliesstext{
		font-size: 100%;
	}




/* Abstaende -------------------------------------------------*/


	.Abstand_FliessT{
		margin-bottom: 10px;
	}
	.Abstand_FliessT_dopp{
		margin-bottom: 20px;
	}
	.Abstand_FliessT_triple{
		margin-bottom: 30px;
	}

	
	.Willkommen_oben{
		padding-top: 30px; /* Innenabstand Liebe Besucher zum Seitenrand - ocker verschiebt sich nicht*/
	}
	.Willkommen_unten{
		margin-bottom: 90px;
	}
	.Willkommen_Absatz{
		margin-bottom: 20px;
	}


/* Verwendung in Blick ins Buch, Hör doch mal, Autorenprofil, Impressum*/
/* Als Abstand zu dem nächsten Bereich - also Blick ins Buch zu Hör doch mal, Hör doch mal zu Autorenprofil, Autorenprofil zu Impressum*/
/* übergeordneter, gesamter div*/

	.Abstand_Bereich_zu_Bereich{
		margin-bottom: 150px;
	}

	
	
/* Verwendung in Blick ins Buch zu White Space, in Hör doch mal zu Fließtext, in Autorenprofil zu Fließtext, in Impressum zu Fließtext*/
/* übergeordneter, gesamter div*/

	.Abstand_Special_BIB_zu_WS{
		margin-bottom: 50px;
		}

	.Abstand_Bereich_zu_Kategorie{
		margin-bottom: 35px;
		}
	
	
/* Verwendung in BLICK INS BUCH: WRIERTS BEST, SCRIBBOOKS, Kinderbücher, Ausmalbücher, Infos - jeweils zu nächsten Kategorie - also White Space zu Scribbook, Scribbook zu Kinderbücher, Kidnerbücher zu Ausmalbücher, Ausmalbücher zu Infos*/
/* übergeordneter, gesamter div*/
	}

	.Abstand_Kategorie_zu_Kategorie{
		margin-bottom: 70px;
	}

	
/* Verwendung Kategorie zu Fließtext oder Unterpunkten*/
/* White Space zu Fließtext, Scribbook zu Fließtext, Kinderbücher zu Unterpunkt, ausmalbücher zu Fließtext, Info zu Fließtext*/
/* übergeordneter, gesamter div*/

	.Abstand_Kategorie_zu_FliessT{
		margin-bottom: 20px;
	}

	
/* Verwendung KategorieFließtext oder Unterpunkten zu Fließtext oder Unterpunkten*/
/* übergeordneter, gesamter div*/

	.Abstand_Fliesstext_oae_zu_Unterpunkte{
		margin-bottom: 30px;
	}
	
	
/* Verwendung fuer den Abstand Fliesstext Scribbook zu den Links*/
/* Verwendung fuer den Abstand Links zut Tabelle*/
/* übergeordneter, gesamter div*/

	.Abstand_Scribbook_Special_Tabelle{
		margin-bottom: 60px;
	}



/* Text -------------------------------------------------*/

	.Willkommenstext{
		line-height: 1.5;
	}


	
/* Liste -------------------------------------------------*/

	ul.Liste_ohne{
		list-style-type: none;
	}


/* mit mehr Abstand zwischen den Elementen */
	
	li.Abstand_Liste{
		margin-bottom: 10px;
	}
	

}