/* algemeines_Bilder_1a */
* {				font-family: sans-serif;
				-moz-box-sizing: border-box;
				-webkit-box-sizing: border-box;
				box-sizing: border-box;
			}

	html, body {
				margin: 0;
				padding: 0;
				text-align: center;
			}	
h3, h4{
				color: white;
				text-align: center;
			}		
	
/* text änderungen */
			body {
				background-image:  url(platz.png);
				background-image: no repeating-	margin: 0;
			
				text-align: left;
				color: white;
			}
			
		
			img {
				width: 100%;
				max-width: 1000px;
				height: auto;
				border: 5px solid #ffffff;
				box-shadow: 0 1px 4px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
				display: block;
				margin: 0 auto;
			}
.section-contain img { object-fit: contain;					width: 100%;
				max-width: 1000px;
				height: auto;
				border: 0px solid #ffffff;
				border-left: 1px;
				border-right: 0px;
				border-top: 0xp;
				border-bottom: 0px;
				box-shadow: 0 1px 40px rgba(0,0,0,0.12), 0 1px 3px rgba(0,0,0,0.24);
				margin-top: 30px;margin-bottom: 30px;
	}
			
	/* text änderungen 
p.uppercase {
    text-transform: uppercase;
}

p.lowercase {
    text-transform: lowercase;
}	*/
	

	

	
/* Gestaltung des Beispiels */

body {font-size: 1.0em;}


header { background: #608aa0; }
nav { background: #608aa0; }/*
article:nth-of-type(1) { background-color: aqua;
	padding: 50px;
    margin-bottom: 18px;
	margin-top: 18px
   }
article:nth-of-type(2) { background:red ; }
	padding: 50px;
    margin-bottom: 18px;
	margin-top: 10px
    background-color:red;}*/
.txt { 
	background-color: tranaparent; 
	padding: 1em;
    margin-bottom: 1.1em;
	margin-top: .6em;
	margin-right: .12em;
	margin-left: .6em;
	color: green;
    }
	
.menu ul {
    list-style-type: none;
    
	padding: 0px;
	padding-left: 0px;
	padding-right: 110px
	margin-left: 10px;
	margin-right: 20px;
	margin-bottom: 18px;
	margin-top: 30px;
}
.menu li {
     background:#ffffff; 
	padding: 58px;
    margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 18px;
	margin-top: 10px;
	font-family: sans-serif;
	text-align: center;
	color: #ffffff;
	font-size:1.1em;
   	background-color: #608aa0;
    color: #ffffff;
    box-shadow: 0 1px 4px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}

.menu li:hover {
    background-color: #0099cc;
	color: white;
}
.menu a   
	{text-decoration: none;color: floralwhite}	
	
aside { background: non;
}
footer { background: #608aa0;
		margin: 0;
		font-family: sans-serif;
		text-align: center;
		color: white;
		font-size:0.8em;
}

block1 { background: #608aa0;
		margin: 0;
		font-family: sans-serif;
		text-align: center;
		color: white;
		font-size:0.8em;
}


/* Raster */

.row {
  width:auto;
}

.row:before, 
.row:after {
  content: " ";
  display: table;
}

.row:after {
    clear: both;
}


.columns {float:left;}

/*
------------------------------------------*/
fieldset {
	background: #888 ;
	border: 1px solid black;
	border-radius: 0.5em;
	margin: 0 0 1rem 0;
    padding: 0.5rem 1rem;
   float: left;
} 

    
}

/







------------------------

*/


@media screen and (max-width:600px) {

/* Small */
.small-1 {width:100%;}

}

@media screen and (min-width:600px) and (max-width:1000px) {

/* Medium */
.medium-1 {width:50%;}

.medium-2 {width:100%;}

}

@media screen and (min-width:1000px) {

/* Large */
.large-1 {width:33.333%;}

.large-2 {width:66.666%;}

.large-3 {width:100%;}

}