/*********************************
*             Farben             *
*                   *
*                   *
*                   *
*                                *
**********************************/



/**** Kontaktformular *****/
@keyframes kontakt {from {background-color:rgb(255, 255, 255);} to {background-color:rgba(255, 65, 65, 0.62)} }
#fehler {background-color:rgba(255, 65, 65, 0.62) !important; animation-name: kontakt; animation-duration: 1.5s;}

@media only screen and (min-width: 980px) {
	#senden{ margin-right:4%; padding:10px 20px; font-size:1em; color:#FFF; background-color:#000; display:block; text-align:right; float:right; }
    #formular{ width:100%; display:block; padding:5px 0px; margin: 10px auto; font-family: sans-serif, Georgia; float:left;}
	#fail{ width:100%; margin:5px 0; color:#C30000; font-size:1em; font-weight:bold; text-align:center;}
	#success{ width:100%; margin:5px 0; color:#008000; font-size:1em; font-weight:bold; text-align:center;}	
    #info { font-size:0.8em; margin:3px 5%; }

    div.zeilen { width:90%; display:block; float:left; margin: 0px 5%;}
    div.zeilen div{ display:block; margin:8px 0px; }
    div.zeilen label{ padding:7px 0px 3px 0px; margin:0; letter-spacing:0.1em; line-height:140%; color:#000; display:block;}
    div.zeilen input{ width:98%; height:24px; margin:0; padding: 3px 1%; font-size:1em; border: 1px solid #73268F; background-color:#CCCCFF;}
    div.zeilen div textarea { width:98%; height:135px; padding: 3px 1%; font-size:1.3em; border: 1px solid #73268F; background-color:#CCCCFF;}
	div.zeilen .daten { margin:12px 0px; padding:4px !important; display:inline-block; font-size:1.0em !important; }
	div.zeilen .daten input { width:20px; height:20px; margin:0px 8px 0px 0px; display:inline; vertical-align:sub; }	
	
}

@media only screen and (min-width: 760px) and (max-width: 979px) {
	#senden{ margin-right:4%; padding:10px 20px; font-size:1em; color:#FFF; background-color:#000; display:block; text-align:right; float:right; }
    #formular{ width:100%; display:block;  padding:5px 0px; margin: 10px auto; font-family: sans-serif, Georgia; float:left;}
	#fail{ width:100%; margin:5px 0; color:#C30000; font-size:1em; font-weight:bold; text-align:center;}
	#success{ width:100%; margin:5px 0; color:#008000; font-size:1em; font-weight:bold; text-align:center;}	
    #info { font-size:0.8em; margin:3px 25px; }

    div.zeilen { width:40%; display:block; float:left; margin: 0px 5%;}
    div.zeilen div{ display:block; margin:8px 0px; }
    div.zeilen label{ letter-spacing:0.1em; line-height:140%; color:#000;}
    div.zeilen input{ width:98%; height:24px; padding: 3px 1%; font-size:1em; border: 1px solid #73268F; background-color:#CCCCFF;}
    div.zeilen div textarea { width:98%; height:135px; padding: 3px 1%; font-size:1.3em; border: 1px solid #73268F; background-color:#CCCCFF;}
	div.zeilen .daten { margin:12px 0px; padding:4px !important; display:inline-block; font-size:1.0em !important; }
	div.zeilen .daten input { width:20px; height:20px; margin:0px 8px 0px 0px; display:inline; vertical-align:sub; }	
}

@media only screen and (max-width: 759px) {
	#senden{ margin:10px auto; padding:10px 20px; font-size:1em; color:#FFF; background-color:#000; display:block; text-align:right; }
    #formular{ width:100%; display:block;  padding:15px 0px; margin: 10px auto; font-family: sans-serif, Georgia;}
	#fail{ width:90%; margin:5px 5%; color:#C30000; font-size:1em; font-weight:bold; text-align:center;}
	#success{ width:90%; margin:5px 5%; color:#008000; font-size:1em; font-weight:bold; text-align:center;}	
    #info { font-size:0.8em; margin:3px 25px; }

    div.zeilen { width:90%; display:block; float:left; margin: 0px 5%; padding:0;}
    div.zeilen div{ display:block; margin:8px 0px; }
    div.zeilen label{ letter-spacing:0.1em; line-height:140%; color:#000;}
    div.zeilen input{ width:98%; height:24px; margin:0; padding: 3px 1%;; font-size:1em; border: 1px solid #73268F; background-color:#CCCCFF;}
    div.zeilen div textarea { width:98%; height:135px; padding: 3px 1%; font-size:1.3em; border: 1px solid #73268F; background-color:#CCCCFF;}
	div.zeilen .daten { margin:12px 0px; padding:4px !important; display:inline-block; font-size:1.0em ; }
	div.zeilen .daten input { width:20px; height:20px; margin:0px 8px 0px 0px; display:inline; vertical-align:sub; }	
}