/*
//##############################################################################
//#
//#  Filename    : layout.css
//#
//#  Author      : Frank Sell
//#                mail: fsell@xpile.de
//#                http://www.xpile.de
//#  
//#  Description :
//#
//##############################################################################
*/


@charset "UTF-8";
/* CSS Document */

* {	
	-webkit-box-sizing:		border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing:		border-box; /* Firefox, other Gecko */
	box-sizing:				border-box; /* Opera/IE 8+ */
}

html, body {
	font:					62.5% 'Open Sans', 'sans-serif', Helvetica, Arial, sans-serif;
	font-weight:			300;
	font-style:				normal;
	text-align:				left;
	color:					rgb(0,0,0);
}


body {
	overflow-y:				scroll;
	font-size:				1em;
	background-color:		rgb(255,255,255);
}




a:link {
	text-decoration:		none; 
	color:					rgb(0,0,0);
	-webkit-transition:		all 0.7s ease-out;
	-moz-transition:		all 0.7s ease-out;
	-ms-transition:			all 0.7s ease-out;
	-o-transition:			all 0.7s ease-out;
	transition:				all 0.7s ease-out;
}

a:visited {
	text-decoration:		none; 
	color:					rgb(0,0,0);
}

a:hover {
	text-decoration:		none; 
/* 	color:					rgb(195,23,46); */
	color:					rgb(255,0,0);
}
a:active {
	text-decoration:		none; 
	/* color:				rgb(195,23,46); */
	color:					rgb(255,0,0);
}

a:focus {
	text-decoration:		none; 
	/* color:				rgb(195,23,46); */
	color:					rgb(255,0,0);
}

a.textlink:link {
	text-decoration:		underline;
}

a.textlink:hover {
	text-decoration:		underline;
	/* color:				rgb(195,23,46); */
	color:					rgb(255,0,0);
}




li {
	list-style:				none;
}




p, .toggle_container_text, .plain_text {
	font-family:			'Open Sans';
	font-size:				1.6em;
	line-height:			1.25em;
	font-weight:			300;
	font-style:				normal;
	color:					rgb(0,0,0);
	padding:				2% 3% 0 3%; /* top right bottm left */
}

.kursiv {
	font-style:				italic;
	text-transform:			none;
}


.medium {
	font-weight:			500;
}



.bold {
	font-weight:			700;
}




.aufzaehlung {
	margin:					0 0 0 18px; /* top right bottm left */
	padding:				0;
}


.aufzaehlung li {
	font-size:				1.6em;
	line-height:			1.25em;
	list-style:				disc;
	margin:					0 0 1.5% 0; /* top right bottm left */
}


.small {
	font-size:				1.4em;
	line-height:			1.25em;
	margin:					0 0 4% 0; /* top right bottm left */
}


.grau {
	color:					rgb(101,101,101);
}




h1 {
	font-family:			'Open Sans Condensed';
	font-size:				2.5em;
	line-height:			1.25em;
	text-align:				center;
	font-weight:			300;
	color:					rgb(0,0,0);
}


h2 {
	font-family:			'Open Sans';
	font-size:				1.6em;
	line-height:			1.25em;
	font-weight:			300;
	font-style:				italic;
	color:					rgb(0,0,0);
	padding:				0 3.125% 0 3.125%; /* top right bottm left */
}


h3 {
	font-family:			'Open Sans';
	font-size:				1.6em;
	line-height:			1.25em;
	font-weight:			400;
	font-style:				normal;
	color:					rgb(0,0,0);
	padding:				3% 3.125%  0 3.125%; /* top right bottm left */
}

h4 {
	font-family:			'Open Sans';
	font-size:				1.6em;
	line-height:			1.25em;
	font-weight:			600;
	font-style:				normal;
	color:					rgb(0,0,0);
}




/* Clearfix */

.clearfix:after {
	content:				".";
	display:				block;
	clear:					both;
	font-size:				0;
	height:					0;
	visibility:				hidden;
}

/* IE-Patch für IE 7*/
*:first-child+html .clearfix {
	min-height:				0;
}

/* IE-Patch für IE 6*/
* html .clearfix {
	height:					1%;
}




#container {
	position:				absolute;
	background-color:		rgb(255,255,255);
	max-width:				100%;
	width:				98%;
	padding:				2% 1% 0 1%; /* top right bottom left */
}




/* XXXXXXXXXXXXXXXXXXXX Header (H1 und Logo) XXXXXXXXXXXXXXXXXXXX */

header {
	position:				relative;
	display:				block;
	max-width:				100%;
	width:					99%;
	height:					100%;
	vertical-align:			text-bottom;
}




header h1 {
	position:				relative;
	display:				block;
	width:					64%;
	vertical-align:			text-bottom;
	height:					auto;
	padding: 				0 1%  0 1%; /* top right bottom left */
	/* margin-top: 2.5%; */
	/* margin-left:	1%; */
	bottom: 				0;
	
}




/* Logo */

header a {
	position:				absolute;
	display:				block;
	width:					35%;
	left: 					65%;
	height:					auto;
}


header a img {
	display:				block;
	width:					100%;
	max-width:				300px;
	height:					auto;
	margin:					0 auto 0 auto; /* top right bottom left */
}





/* XXXXXXXXXXXXXXXXXXXX Content XXXXXXXXXXXXXXXXXXXX */

#content {
	position:				relative;
	width:					100%;
}




/* Home-Kasten */

#kasten {
	background-color:		rgb(195,23,46);
	color:					rgb(255,255,255);
}


#kasten ul {
	padding:				3% 3% 1.5% 3%; /* top right bottom left */
}


#kasten_bild {
	position:				relative;
	width:					100%;
	padding:				3% 3% 0 3%; /* top right bottom left */
	background-image:		-moz-linear-gradient(left, rgba(0,0,0,0.4), rgba(255,255,255,0.1)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCI+CjxmaWx0ZXIgaWQ9Im4iIHg9IjAiIHk9IjAiPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIxMCIgc3RpdGNoVGlsZXM9InN0aXRjaCI+PC9mZVR1cmJ1bGVuY2U+CjwvZmlsdGVyPgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzAwMCI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsdGVyPSJ1cmwoI24pIiBvcGFjaXR5PSIwLjQiPjwvcmVjdD4KPC9zdmc+");
	background-image:		-webkit-linear-gradient(left, rgba(0,0,0,0.4), rgba(255,255,255,0.1)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCI+CjxmaWx0ZXIgaWQ9Im4iIHg9IjAiIHk9IjAiPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIxMCIgc3RpdGNoVGlsZXM9InN0aXRjaCI+PC9mZVR1cmJ1bGVuY2U+CjwvZmlsdGVyPgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzAwMCI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsdGVyPSJ1cmwoI24pIiBvcGFjaXR5PSIwLjQiPjwvcmVjdD4KPC9zdmc+");
	background-image:		-ms-linear-gradient(left, rgba(0,0,0,0.4), rgba(255,255,255,0.1)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCI+CjxmaWx0ZXIgaWQ9Im4iIHg9IjAiIHk9IjAiPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIxMCIgc3RpdGNoVGlsZXM9InN0aXRjaCI+PC9mZVR1cmJ1bGVuY2U+CjwvZmlsdGVyPgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzAwMCI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsdGVyPSJ1cmwoI24pIiBvcGFjaXR5PSIwLjQiPjwvcmVjdD4KPC9zdmc+");
	background-image:		-o-linear-gradient(left, rgba(0,0,0,0.4), rgba(255,255,255,0.1)), url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCI+CjxmaWx0ZXIgaWQ9Im4iIHg9IjAiIHk9IjAiPgo8ZmVUdXJidWxlbmNlIHR5cGU9ImZyYWN0YWxOb2lzZSIgYmFzZUZyZXF1ZW5jeT0iMC43IiBudW1PY3RhdmVzPSIxMCIgc3RpdGNoVGlsZXM9InN0aXRjaCI+PC9mZVR1cmJ1bGVuY2U+CjwvZmlsdGVyPgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsbD0iIzAwMCI+PC9yZWN0Pgo8cmVjdCB3aWR0aD0iMzAwIiBoZWlnaHQ9IjMwMCIgZmlsdGVyPSJ1cmwoI24pIiBvcGFjaXR5PSIwLjQiPjwvcmVjdD4KPC9zdmc+");

}


#kasten_bild img {
	position:				relative;
	display:				block;
	max-width:				80%;
	height:					auto;
	margin:					0 auto;
}




/* Accordion*/

.accordion {
	width:					100%;
	border-width:			0 0 1px 0;
	border-style:			solid;
	border-color:			rgb(0,0,0);
}


.trigger {
	background-color:		rgb(248,248,247);		/* Trigger B-Varianten */
	border-width:			1px 0 0 0;
	border-style:			solid;
	border-color:			rgb(0,0,0);
	color:					rgb(0,0,0);
	cursor:					pointer;
	padding:				3% 3% 3% 3%; /* top right bottom left */
	width:					100%;
	height:					auto;
	min-height:				12em;
}


.trigger:hover {
	background-color:		rgb(232,231,230);		/* Trigger B-Varianten */
}


.trigger h3 {
	display:				block;
	position:				relative;
	width:					70%;
	margin:					0 auto 0 auto; /* top right bottom left */
	padding:				2% 2% 2% 2%; /* top right bottom left */
	text-align:				center;
}


.trigger img {
	display:				block;
	float:					left;
 	position: 				relative;
 	vertical-align:			middle;
	max-width:				30%;
	padding:				2% 2% 2% 2%; /* top right bottom left */
	margin-top:				auto;
	margin-bottom:			auto;
	height:					auto;
	left:0;
}


/* Trigger A-Varianten */
.accordion > div:nth-child(4n+1), #textFeld > div:nth-child(4n+1) {
	background-color:		rgb(242,241,240);
}

/* Trigger A-Varianten */
.accordion > div:nth-child(4n+1):hover, #textFeld > div:nth-child(4n+1):hover {
	background-color:		rgb(232,231,230);
}


/* Content A-Varianten */
.accordion > div:nth-child(4n+2), #textFeld > div:nth-child(4n+2) {
	background-color:		rgb(242,241,240);
}


/* Content B-Varianten */
.accordion > div:nth-child(4n+4), #textFeld > div:nth-child(4n+4) {
	background-color:		rgb(248,248,247);
}


.trigger h3:hover {
	color:					rgb(195,23,46);
}


.trigger_active {
	color:					red;
}


.toggle_container {
	padding:				3.125% 3.125% 1.5625% 3.125%; /* top right bottom left */
	width:					100%;
}


.toggle_container .vorspann {
	position:				relative;
	color:					rgb(101,101,101);
	font-size:				1.45em;
	font-style:				italic;
}


.toggle_container h4.vorspann {
	margin:					0 0 0.625% 0; /* top right bottom left */
}


.toggle_container p.vorspann {
	margin:					0 0 3.125% 0; /* top right bottom left */
	padding:				0;
}


.toggle_container p {
	padding:				0 0 0 0; /* top right bottom left */
}




/* Download Projektdokument */

.download {
	position:				relative;
	display:				block;
	font-size:				1.6em;
	padding:				3.125% 6.25% 3.125% 20px; /* top right bottom left */
	font-weight:			300;
	text-align:				left;
	text-transform:			uppercase;
	background-image:		url(../GIFS/download-pfeil.svg);
	background-repeat:		no-repeat;
	background-position:	left;
}


.download:hover {
	background-image:		url(../GIFS/download-pfeil_hover.svg);
}




/* Kontaktformular */

form {
	margin:					20px 0 0 0;
	padding: 				0 3.125% 0 3.125%; /* top right bottom left */
}

form label {
	font-size:				1.6em;
	text-align:				left;
	width:					100%;
}

form label {
	font-size:				1.6em;
	text-align:				right;
	background-color:		rgb(226,228,230);
	min-height:				30px;
	display:				inline-block;
	/* width:37%; */
	margin:					0px 0 10px 0; /* top right bottom left */
	padding:				3px 5px 0 0px; /* top right bottom left */
}


/* input.eingabe, input.Radio, .Radio { */
input.eingabe, .Radio {
	background-color:		rgb(236,237,238);
	height:					30px;
	width:					100%;
	margin:					3px 0 12px 0px; /* top right bottom left */
	padding:				0 10px 0 10px; 
	/* float:right; *//* top right bottom left */
	float:					left;
	border:					none;
	font-size:				1.5em;
}

.Radio {
	margin: 				0 0 10px 0; /* top right bottom left */
	width: 					61%;
}

input.Radio {
	margin: 				3px;
}
	
textarea {
	background-color:		rgb(236,237,238);
	min-height:				96px;
	width:					100%;
	margin:					5px 0 20px 0px; /* top right bottom left */
	padding:				10px 10px 10px 10px; /* top right bottom left */
	border:					none;
	font-size:				1.5em;
}
	
	
	
#reset, #senden, #zurueck {
	width:					100%;
	margin:					0 0 20px 0; /* top right bottom left */
	font-size:				1.6em;
	text-transform:			uppercase;
	font-weight:			300;	
	height:					30px;
	border:					none;
	background-color:		rgb(236,237,238);
	
	-moz-border-radius:		5px 5px 5px 5px; /* top right bottom left */
	-webkit-border-radius:	5px 5px 5px 5px; /* top right bottom left */
	-khtml-border-radius:	5px 5px 5px 5px; /* top right bottom left */
	border-radius:			5px 5px 5px 5px; /* top right bottom left */
}
	
	

#senden:hover, #reset:hover, #zurueck:hover {
	cursor:					pointer;
}




/* Adresseinklinker */

#main, #name, #tel, #kontakt, #impress {
	width:					100%;
	font-family:			'Open Sans';
	font-size:				1.6em;
	font-style:				normal;
	line-height:			1.25em;
	font-weight:			700;
	text-align:				center;
	color:					rgb(255,255,255);	
}


#kontakt, #impress {
	position:				relative;
	display:				block;
	width:					100%;
	color:					rgb(0,0,0);
	background-color:		rgb(255,255,255);
	padding:				1.125% 6.25% 1.125% 6.25%; /* top right bottom left */
	font-size:				1em;
	font-weight:			300;
	text-align:				center;
}

#kurzprofil, #name, #tel {
	position:				relative;
	display:				block;
	width:					100%;
	color:					rgb(0,0,0);
	background-color:		rgb(255,255,255);
	padding:				3.125% 6.25% 3.125% 6.25%; /* top right bottom left */
	font-size:				1em;
	font-weight:			300;
	text-align:				center;
}


#kurzprofil, #kontakt, #impress {
text-transform:				uppercase;
}


#name {
	color:					rgb(255,255,255);
	font-weight:			600;
	background-color:		rgba(0,0,0,0.83);
}


#tel {
	color:					rgb(255,255,255);
	font-weight:			600;
	background-color:		rgb(195,23,46);
}


a.link_weiss {
	color:                 rgb(255,255,255);
	font-weight:           600;
}


a.link_weiss:hover {
	color:                 rgb(0,0,0);
	background-color:      rgb(255,255,255);
}


.link_schwarz, #kurzprofil:hover, #kontakt:hover, #impress:hover {
	color:					rgb(255,0,0);
/* 	color:rgb(195,23,46); */
}


.funktion {
	font-size:				1em;
	font-style:				italic;
	font-weight:			300;
}







/* Futter nach Content */

#container:after {
	content:				"";
	display:				block;
	/* width:					100%; */
	min-width:				100%;
	height:					120px;
	background-color:		rgb(255,255,255);
}





/******************************************
@media screen and (min-width: 961px)
*******************************************/	

@media screen and (min-width: 961px) {
	
	#container {
		position:			relative;
		width:				100%;
		top:				0;
		background-color:	rgb(255,255,255);
	}
	

	header {
		margin:				0 0 40px 0; /* top right bottom left */
		
	}


	h1 {
		font-size:			4em;
	}


	h3 {
		font-size:			2.5em;
	}



	/* Home-Kasten */
	
	
	#kasten {
		position:			relative;
		display:			block;
		width:				100%;
		font-size:			1.1em;	
		min-height:			20em;
	}
	
	
	#kasten ul.aufzaehlung {
		position:			relative;
		display:			block;
		float:				left;
		width:				55%;
	}
	
	
	#kasten_bild {
		position:			absolute;
		display:			block;
		width:				42%;
		bottom:				0;
		left:				55%;
		margin:				0;
		padding:			0 0 0 0; /* top right bottom left */
		background:			none;
	}
	
	
	#kasten_bild img {
		position:			relative;
		display:			block;
		bottom:				0px;
		/* width:275px; */
		width:				320px;
		max-width:			320px;
		height:				auto;
		margin:				0;
	}




	/* Kontaktformular */
		
	form {
		/* width:75%; */
	}
	
	
	
	
	form label {
		font-size:			1.6em;
		text-align:			right;
		background-color:	rgb(226,228,230);
		min-height:			30px;
		display:			inline-block;
		/* width:37%; */
		margin:				0px 0 10px 0; /* top right bottom left */
		padding:			3px 10px 0 0px; /* top right bottom left */
	}


	
	/* input.eingabe, input.Radio, .Radio { */
	input.eingabe, .Radio {
		width:				61%;
		margin:				0 0 10px 0px; /* top right bottom left */
		padding:			0 10px 0 10px; /* top right bottom left */
		/* float:right; */
		float:				left;
	}
	
	input.eingabe:hover {
		color:				rgb(255,255,255);
		background-color:	rgb(195,23,46);
	}
	
	input.Radio {
		margin:				5px;
	}
	
	.Radio {
		/* vertical-align:middle; */
		padding:			3px 10px 0 0; /* top right bottom left */
		text-align:			center;
	}
	
	

	textarea {
		width:				60.86956521739131%; /* 280 / 460 */
		margin:				0 0 20px 0; /* top right bottom left */
		padding:			10px 10px 10px 10px; /* top right bottom left */
		/* float:right; */
		float:				left;
	}
	
	
	
	#reset {
		float:				left;
		/* margin:0 0 0 39.130434782608695%; */ /* 180 / 460 */ /* top right bottom left */ 
		/* width:28.26086956521739%; */ /* 130 / 460 */
		font-size:			1.6em;
	}


	#senden {
		float:				left;
		/* float:right; */
		clear:				right;
		/* width:28.26086956521739%; */ /* 130 / 460 */
		font-size:			1.6em;
	}	
	
	#zurueck {
		float:				left;
		/* margin:0 0 0 39.130434782608695%; */ /* 180 / 460 */
		/* width:28.26086956521739%; */ /* 130 / 460 */
		font-size:			1.6em;
	}


	/* Adressbutton */
	
	address {
		position:			fixed;
		display:			block;
		right:				1%;
		top:				63%;
		width:				62px;
		height:				60px;
		z-index:			5;
		background-image:	url(../GIFS/x_weiss.svg);
		background-repeat:	no-repeat;
		background-color:	rgba(195,23,46,1);
		overflow:			hidden;
		
		-webkit-transition:	all 0.5s ease-out;
		-moz-transition:	all 0.5s ease-out;
		-ms-transition:		all 0.5s ease-out;
		-o-transition:		all 0.5s ease-out;
		transition:			all 0.5s ease-out;
	}
	
	
	address:hover {
		background-image:	none;
		background-repeat:	no-repeat;
		background-color:	rgba(195,23,46,0);
		width:				300px;
		height:				300px;
	}
	
	
	
	
	/* Adresseinklinker */
	
	#main {
		position:			absolute;
		right:				0px;
		width:				300px;
		padding:			60px 1% 0 0; /* top right bottom left */
		z-index:			2;
	}
	
	
	
	
	#kurzprofil, #name, #tel, #kontakt, #impress {
		text-align:			left;
	}
	
	
	#name {
		background-color:	rgba(0,0,0,0.6);
	}
	
	
	#tel {
		color:				rgb(255,255,255);
		background-color:	rgb(195,23,46);
	}
	
	
	#kurzprofil, #kontakt, #impress {
		background-color:	rgba(220,220,220,0.90);
		
		-webkit-transition:	all 0.5s ease-out;
		-moz-transition:	all 0.5s ease-out;
		-ms-transition:		all 0.5s ease-out;
		-o-transition:		all 0.5s ease-out;
		transition:			all 0.5s ease-out;
	}
	
	
	#kurzprofil:hover, kurzprofil:hover {
		background-color:	rgba(0,0,0,0.9);
	}
	
	
	
	
	/* Futter nach Content */
	
	#container:after {
		content:			"";
		display:			block;
		width:				100%;
		height:				260px;
		background-color:	rgb(255,255,255);
	}


}



/******************************************
@media screen and (max-width: 960px)
*******************************************/	

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

	body {
		font-size:				1.1em;
	}







	/* XXXXXXXXXXXXXXXXXXXX Header (H1 und Logo) XXXXXXXXXXXXXXXXXXXX */
	
	header {
		min-height:				100px;
		/* margin:0 0 0 0;
		padding:0 0 0 0; */
	}
	
	
	
	
	h1 {
		position:				relative;
		display:				block;
		float:					left;
		width:					58.2089552238806%; /* 390 / 670 */
		/* margin:0 0 0 0;
		padding:0 0 0 0; */
		
		/* background-color:green; */
	}
	
	
	
	
	/* Logo */
	
	header a {
		/* position:absolute; */
		/* display:block; */
		/* left:70%; */
		/* left:58.2089552238806%; */
		/* width:255px; */
		/* margin:15px 20px 0 15px; */ /* top right bottom left */
		/* margin-left: 2.5% */
		/* padding:0 10px 0 0; */
		
		/* background-color:yellow; */
	}
	
	
	header a img {
		position:				relative;
		display:				block;
		/* max-width:30%;
		width:30%; */
		float:					left;
		padding:				0 0 0 0; /* top right bottom left */
		/* height:auto; */
	}
	
	
	/* Accordion*/
	
	.trigger h3 {
		position:				relative;
		display:				block;
		margin:					0 0 0 30%; /* top right bottom left */
		padding:				1% 1% 1% 1%;  /* top right bottom left */
		text-align:				left;
	}
	
	
	.trigger.ohne_logo h3 {
		position:				relative;
		display:				block;
		width:					100%;
		margin:					0 0 0 0; /* top right bottom left */
		padding:				3.125% 3.125% 3.125% 3.125%; /* top right bottom left */
		text-align:				center;
	}
	
	
	.trigger img {
		/* position:				relative; */
		display:				block;
		float:					left;
		padding:				1% 1% 1% 1%; /* top right bottom left */
		height:					auto;
		left:					0;
	}
	
	
	#kasten_bild img {
		position:				relative;
		display:				block;
		width:					55%;
		height:					auto;
		margin:					0 auto;
	}
	
	
	
	
	/* Kontaktformular */
		
	form {
		margin:					20px 0 70px 0;
		/* width:70%; */
	}
		
	#senden, #reset, #zurueck {
		-webkit-transition:		all 0.7s ease-out;
		-moz-transition:		all 0.7s ease-out;
	    -ms-transition:			all 0.7s ease-out;
		-o-transition:			all 0.7s ease-out;
		transition:				all 0.7s ease-out;
		
	}
	
	
	#senden {
		/* width:40%; */
		float:					left;
	}
	
	#reset {
		/* width:40%; */
		/* float:right; */
		float:					left;
	}
	
	#zurueck {
		/* width:40%; */
		float:					left;
	}
	
		
	#senden:hover, #reset:hover, #zurueck:hover {
		color:					rgb(255,255,255);
		background-color:		rgb(195,23,46);
	}
		
}