/* DATEI: formate.css Jens Schroeder*/
		
*			{ box-sizing: border-box; padding: 0; margin: 0; word-wrap: break-word; }

html		{ height:100%;  }

header, nav, footer, aside, section { display: block; }

body 		{ background: black; background-image: url(../bilder/plan6.jpg); repeat; background-attachment: fixed; }

img 		{ text-align:center; max-width: 100% ; }

hr 		{ width: 100%; high: 1.5EM; margin: 0 auto; color: red; background: transparent; }

#hauptbereich	{width: 100%; background-image: linear-gradient (#006060, darkcyan); margin-top: 20px; margin-bottom: 20px; padding: 15px; 
					border-radius:25px ; }

a {
  color: currentColor;
  color: var(--link-color);	
}

a:hover, a:focus {
  font-weight: bold;
  background-color: var(--accent3-color);
}

a.more {
  float: right;
}
a.more::before {
  content: "►";  
  margin-right: .5em;
  display:inline-block;
	text-decoration: none;    
}

a.more:hover, a.more:focus {
  color: var(--accent1-color);
}

/*
a 			{ text-decoration:none; color: blue; box-shadow: inset 0 -3px 0 -1px blue; padding: .25em 0; transition: all .5s; }

a:link 	{ text-decoration: underline; color: blueviolet; }

a:visited { text-decoration: overline; wavy; color: black; }

a:hover 	{ text-decoration: underline; color: red; transform: rotate(30deg); }

a:active	{ text-decoration: underline; color: darkorchid; transform: rotate(-30deg); }
*/

h1 		{ font: 3.5EM serif; text-align:center; color: blue; }

h2 		{ font: 1.5EM; text-align:center; color:brown; }

h3 		{ font: 1.2EM; text-align:center; color:black; }

h4 		{ font: 1.0EM; text-align:center; color:#FFC0CB; }

h5 		{ font: 0.5EM; bottom: 50px; right: 50px; position:fixed; }

p  		{ font: 1.0EM; text-align:center; color:black; }

nav li	{background-color:transparent; border-radius:15px; margin-top:10px; margin-bottom:10px; padding: 10px; font-size:1.3em; list-style:none; }

nav a		{color:black; text-decoration: none; }

nav a:hover	{color: darkcyan; }


footer 	{ font-size: 0.99EM; text-align:center; color: maroon; border-style: ridge; border-width: 10px; border-color: red; }

.fixiert	{ top: 1px; position:fixed; text-align:center; }

.klein 	{ font-size: 0.55EM; color: maroon; }

.mittel 	{ font-size: 1.55EM; background-color:brown; color: blanchedalmond; }

.gross 	{ font-size: 2.5EM; color: yellow; border-radius: .5em; background-color: blue; }

.zentriere { text-align: center; }  

.flex 	{ text-align: center; }

article 	{ width: 400px; background-color: orchid; position: absolute; top: 1100px; left: 50px; border-radius: .5em; }

aside 	{ width: 100px; background-color: turquoise; position: absolute; bottom: 24px; left: 950px; }

@media only screen and (min-width: 768px) { #gesamt { width: 70%; margin: auto; } }

@media only screen and ( min-width: 950px ) {
    /* breites Browserfenster */
    body { background-color: yellow;}
}
nav li	{display:inline-block; border-radius:10px; margin-right:6%; padding: 15px; font-size:3.1em; list-style:none; }

@media only screen and ( max-width: 440px ) {
    /* mobile Geräte */
    body { background-color: green;}
}
nav li	{display:inline-block; border-radius:10px; margin-right:2%; padding: 5px; font-size:1.1em; list-style:none; }

@media only screen and ( min-width: 440px ) and ( max-width: 650px ) {
    /* Tablets und mittlere Bildschirme */
    body { background-color: red;
}
nav li	{display:inline-block; border-radius:10px; margin-right:4%; padding: 10px; font-size:2.1em; list-style:none; float: left;}