@charset "utf-8";
/* CSS Document */
* {
    box-sizing: border-box;
}

body {margin: 0 auto; font-family: "Roboto Condensed"; font-size: 16px;

        background-color: #eeeeee;
		background-image: url('images/jm.jpg');
		background-size: 100% 100%;
		background-attachment:fixed;
		background-repeat:repeat-y;
}
td {color: #ffffff; height: 40px;}

input[type="text"] {height: 34px; width: 95%; font-size: 20px; border-radius: 15px; outline: none; border: 0px solid;padding-left: 10px;}

input[type="password"] {height: 34px; width: 95%; font-size: 20px; border-radius: 15px; outline: none; border: 0px solid; padding-left: 10px;}

input[type="submit"] {height: 34px; width: 95%; font-size: 20px; border-radius: 15px; outline: none; border: 0px solid; padding-left: 10px; border: 1px solid #aaaaaa;}

.header {
    padding: 5px;
	/*background: rgba(200,200,200,0.8); */
	background: transparent; 
	font-family: "Roboto Condensed";
	text-align: center;
	font-weight: bold;	
	font-size: 30px;
	/*text-shadow: 1px 1px 3px #ffffff;*/
}
.navigation-breite { 
	width: 100%; 
	background: rgba(255,255,255,0.5); 
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.content {
	margin: 0 auto;
    width: 95%;
	max-width: 800px;
    text-align: left;
	padding-top: 15px;
    padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
    font-family: "Roboto Condensed";
	font-size: 16px;
	border-radius: 10px;
	
}

.footer {
	margin: 0 auto;
	position: fixed;
	bottom: 0px;
    width: 100%;
    text-align: center;
    padding: 15px;
    background: rgba(0,0,0,0.8);
	text-align: center;
	font-size: 14px;
	color: #ffffff;
	
}

.rot { color: #46b2c6; text-shadow: 2px 2px 5px #000000;}
.gruen { color: #aaaaaa;}
.blau { color: #aaaaaa;}
.beschriftung {color: #ffffff; }


.eingabe-breite { width: 95%;	}

.btn {height: 40; font-family: Roboto Condensed; font-size: 20px; border-radius: 20px; outline: none;
border: 1px solid #aaaaaa; margin-top: 5px; background: rgba(0,0,0,0.5);color: #ffffff; }
.btn:hover {background: rgba(0,0,0,1);cursor: pointer; }


.bild-breite { width: 200px; height: 200px; background: transparent; border-radius: 50%;}
.bild-breitem { width: 100px; height: 100px; background: transparent; border-radius: 50%;}

.idee-nav {
	margin: 0 auto;text-align: center; 
	margin-bottom: 10px; width:280px; height: 50px;
}

.idee {
	margin: 0 auto; width: 300px; min-height: 200px; 
	background: rgba(255,255,255,0.7);text-align: left; 
	font-size: 30px; border-radius: 10px; box-shadow: 5px 5px 20px #aaaaaa; 
	padding: 15px; margin-bottom: 50px;	
}

#navigation { background: rgba(255,255,255,0.5); }

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

}

@media only screen and (max-width: 768px) {
    input[type="text"] {height: 30px; width: 150px;}
	
	

}
@media only screen and (max-width: 600px) {
	input[type="text"] {height: 30px; width: 150px;}
    body {
        background-color: lightblue;
		background-image: url('images/jm.jpg');
		background-size: 100% 100%;
		background-attachment:fixed;
		background-repeat:repeat-y;
    }
	
	
	

}

@media only screen and (max-width: 400px) {
	input[type="text"] {height: 30px; width: 150px;}
    body {
        background-color: #eeeeee;
		background-image: url('images/jm.jpg');
		background-size: 100% 100%;
		background-attachment:fixed;
		background-repeat:repeat-y;
    }
		
	.content {
		margin: 0 auto;
		width: 95%;
		max-width: 320px;
		text-align: left;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: 5px;
		padding-bottom: 5px;
		font-family: "Roboto Condensed";
		font-size: 16px;
		border-radius: 10px;
		
	}
	
	.idee {
		margin: 0 auto; width: 300px; min-height: 200px; 
		background: rgba(0,0,0,0.5);text-align: left; 
		font-size: 30px; border-radius: 10px; box-shadow: 5px 5px 20px #aaaaaa; 
		padding: 15px; margin-bottom: 50px;	
	}
	
	
}

}
@media only screen and (max-width:320px) {
	input[type="text"] {height: 30px; width: 150px;}

    body {
        background-color: #eeeeee;
		background-image: url('images/jm.jpg');
		background-size: 100% 100%;
		background-attachment:fixed;
		background-repeat:repeat-y;
    }

	.idee {
		margin: 0 auto; width: 280px; min-height: 200px; 
		background: rgba(255,255,255,0.7);text-align: left; 
		font-size: 30px; border-radius: 10px; box-shadow: 5px 5px 20px #aaaaaa; 
		padding: 15px; margin-bottom: 50px;	
	}
	
	.idee {
		margin: 0 auto; width: 280px; min-height: 200px; 
		background: rgba(0,0,0,0.5);text-align: left; 
		font-size: 30px; border-radius: 10px; 
		color: #ffffff;
		box-shadow: 5px 5px 20px #aaaaaa; 
		padding: 15px; margin-bottom: 50px;	
	}
		
}