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

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v29-latin-300.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-regular.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v29-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v29-latin-italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v29-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('../fonts/open-sans-v29-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v29-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v29-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v29-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v29-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

*	{
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 1em;
	}
	
html	{
	width: 100%; 
	}

body	{
	width: 100%; 
	background: rgba(43,32,22,1) url(bilder/bg.jpg) no-repeat bottom center;
	}
	
/*
|-------------------------|
|     --  TOPNAVI  --     |
|-------------------------|
*/	

.topnavi-bg	{
	width: 100%;
	height: 30px;
	background-color: rgba(0,0,0,1);
	float: left;
	}	
	
	.topnavi-innen	{
		width: 96%;
		padding: 0% 2%;
		max-width: 1200px;
		height: 30px;
		margin: 0 auto;
		overflow: hidden;
		background-color: rgba(0,0,0,1);
		}
		
		ul.topnavi	{
			float: right;
			list-style-type: none;
			white-space: nowrap;
			}
			
			ul.topnavi li	{
				display: inline-block;;
				margin-right: 5px;
				}
				
				ul.topnavi li:last-of-type	{
					margin-right: 0%;
					}
				
				ul.topnavi li a	{
					display: table-cell;
					padding: 0px 8px;
					height: 30px;
					vertical-align: middle;
					color: rgba(255,255,255,1);
					font-size: 0.8em;
					text-decoration: none;
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
					}
					
					ul.topnavi li a:hover	{
						background-color: rgba(245,154,0,1);
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;
						}

/*
|-------------------------|
|       --  MAIN  --      |
|-------------------------|
*/	
.main-gesamt-bg	{
	width: 100%;
	float: left;
	}

.main-gesamt	{
	width: 96%;
	padding: 0% 2%;
	max-width: 1200px;
	margin: 0 auto;
	}

	
/*
|-------------------------|
|   --  NAVIGATION  --    |
|-------------------------|
*/	
.navigation-bg	{
	width: 100%;
	height: 150px;
	float: left;
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	}
	
	.navigation-bg img	{
		width: 250px;
		height: auto;
		float: left;
		margin-top: 19px;		
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;

		}
		
	ul.navigation	{
		list-style-type: none;
		float: right;
		white-space: nowrap;
		margin-top: 100px;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		}
		
		ul.navigation li	{
			display: inline-block;
			margin-right: 10px;
			}
			
			ul.navigation li a	{
				display: inline-block;
				padding: 4px 10px;
				text-transform: uppercase;
				color: rgba(39,110,47,1);
				text-decoration: none;
				-webkit-transition: all 0.3s ease-in-out;
				-moz-transition: all 0.3s ease-in-out;
				-ms-transition: all 0.3s ease-in-out;
				-o-transition: all 0.3s ease-in-out;
				transition: all 0.3s ease-in-out;
				}
				
				ul.navigation li a:hover	{
					background-color: rgba(245,154,0,1);
					-webkit-transition: all 0.3s ease-in-out;
					-moz-transition: all 0.3s ease-in-out;
					-ms-transition: all 0.3s ease-in-out;
					-o-transition: all 0.3s ease-in-out;
					transition: all 0.3s ease-in-out;
					}

/*
|-------------------------|
|--  NAVIGATION-MOBIL  -- |
|-------------------------|
*/	

.navigation-mobil-bg-button	{
	display: none;
	}

.navigation-mobil-bg	{
	display: none;
	}
				
/*
|-------------------------|
|      --  INHALT  --     |
|-------------------------|
*/	
.inhalt	{
	width: 100%;
	float: left;
	}
	
	.inhalt .text	{
		width: 100%;
		padding: 2% 0%;
		float: left;
		}
		
		.inhalt .text h1,
		.inhalt .text1 h1	{
			width: 100%;
			float: left;
			display: block;
			padding: 1% 0%;
			font-size: 3em;
			font-weight: 700;
			color: rgba(39,110,47,1);
			line-height: 1.0;
			}
			
		.inhalt .text h1.uu	{
			font-size: 2em;
			}
	
		.inhalt .text p	{
			-moz-column-count: 2;
			-webkit-column-count: 2;
			column-count: 2;	 
			-moz-column-width: 40%;
			-webkit-column-width: 40%;
			column-width: 40%;
			color: #1d1d1d;
			float: left;
			}
			
		.inhalt .text1 p	{
			color: #1d1d1d;
			float: left;
			}

/*
|-------------------------|
| -- BLOCK (Allgemein) -- |
|-------------------------|
*/		
	.block	{
		width: 100%;
		float: left;
		}
		
		.block h1	{
			width: 100%;
			display: block;
			float: left;
			font-size: 3em;
			font-weight: 700;
			text-transform: uppercase;
			color: rgba(39,110,47,1);
			}
			
		.block p	{
			width: 100%;
			float: left;
			font-size: 1.0em;
			font-weight: 400;
			color: rgba(51,51,51,1);
			line-height: 1.6;
			}
			
			/*
			|-------------------------|
			|  -- BLOCK (Spalten) --  |
			|-------------------------|
			*/
			.block-spalten p	{
				-moz-column-count: 2;
				-webkit-column-count: 2;
				-moz-column-gap: 50px;
				-webkit-column-gap: 50px;
				column-count: 2;
				column-width: 100%;
				column-gap: 50px;
				text-align: justify;
				}
				
.spruch	{
	width: 96%;
	text-align: center;
	float: left;
	margin-top: 250px;
	margin-bottom: 50px;
	}

	.spruch h1	{
		font-size: 2.3em;
		font-weight: 300;
		color: rgba(255,255,255,1);
		}
		
	.spruch h1 .spruchfett	{
		font-weight: 700;
		}
/*
|-------------------------|
|       -- FOOTER --      |
|-------------------------|
*/	
.footer-bg	{
	width: 100%;
	height: 310px;
	float: left;
	background-color: rgba(43,32,22,1);
	}	
	
	.footer	{
		width: 96%;
		padding: 0% 2%;
		max-width: 1200px;
		margin: 0 auto;
		margin-top: 30px;
		margin-bottom: 30px;
		}	
		
		.footer-kontakt	{
			width: 45%;
			margin-right: 5%;
			float: left;
			color: rgba(201,158,120,1);
			font-size: 0.8em;
			}
			
		.footernavi-bg	{
			width: 50%;
			float: left;
			}
						
			/*
			|-------------------------|
			|     -- FOOTERNAVI --    |
			|-------------------------|
			*/	
			ul.footernavi	{
				list-style-type: none;
				float: left;
				margin-right: 25%;
				}
				
			ul.footernavi:last-of-type	{
				margin-right: 0%;
				}
					
				ul.footernavi li	{
					margin-bottom: 5px;
					}
					
					ul.footernavi li a	{
						color: rgba(201,158,120,1);
						font-size: 0.8em;
						text-decoration: none;
						padding: 2% 4%;
						-webkit-transition: all 0.3s ease-in-out;
						-moz-transition: all 0.3s ease-in-out;
						-ms-transition: all 0.3s ease-in-out;
						-o-transition: all 0.3s ease-in-out;
						transition: all 0.3s ease-in-out;
						}
						
						ul.footernavi li a:hover	{
							background-color: rgba(245,154,0,1);
							color: rgba(255,255,255,1);							
							-webkit-transition: all 0.3s ease-in-out;
							-moz-transition: all 0.3s ease-in-out;
							-ms-transition: all 0.3s ease-in-out;
							-o-transition: all 0.3s ease-in-out;
							transition: all 0.3s ease-in-out;
							}
							
									
/*
|------------------------------------------------------|
|    -- S O N D E R F O R M A T I E R U N G E N --     |
|------------------------------------------------------|
*/	

/*
|-------------------------|
|    -- STARTSEITE --     |
|-------------------------|
*/	
.block-start .block-start-allgemein	{
	display: block;
	float: left;
	-webkit-border-radius: 0 20px 0 0;
	border-radius: 0 20px 0 0;
	padding: 2%;
	background-color: #fff;
	}
	
	.block-start-reihe1	{
		width: 100%;
		float: left;
		margin-top: 100px;
		}
	
		.block-start-1,
		.block-start-2,
		.block-start-3,
		.block-start-4,
		.block-start-5	{
			margin-right: 2%;
			margin-bottom: 2%;
			float: left;
			min-height: 220px;
			overflow: hidden;
			}		
		
		.block-start-reihe1 .block-start-1,
		.block-start-reihe1 .block-start-2,
		.block-start-reihe1 .block-start-3	{
			width: 28%;
			background-color: rgba(39,110,47,1);
			}
		
		.block-start-3	{
			margin-right: 0%;
			}
			
		.block-start-reihe2	{
			width: 100%;
			display: block;
			float: left;
			}	
			
			.block-start-reihe2 .block-start-4	{
				width: 62%;
				float: left;
				background-color: rgba(245,154,0,1);
				background-image: url(bilder/schnecke-start.png);
				background-position: right -30px;
				background-size: 350px auto;
				background-repeat: no-repeat;
				}
				
			.block-start-reihe2 .block-start-5	{
				width: 28%;
				margin-right: 0%;
				float: right;
				background-color: rgba(43,32,22,1);
				}
/*
|-------------------------|
|  -- BLOCK INHALTE --    |
|-------------------------|
*/	
.block-start h1	{
	color: rgba(245,154,0,1);
	margin-bottom: 25px;
	text-transform: uppercase;
	font-size: 2.5em;
	line-height: 1.1;
	}
	
.block-start p	{
	color: rgba(255,255,255,1);
	}
	
	.block-start-4 h1	{
		color: rgba(39,110,47,1);
		}
		
	.block-start-5 h1	{
		color: rgba(201,158,120,1);
		}
			
/*
|-------------------------|
|     -- KONTAKT --       |
|-------------------------|
*/	
.kontaktblock	{
	width: 45%;
	margin-right: 10%;
	margin-bottom: 25px;
	float: left;
	}
	
	
	.kontakt-rechts	{
		margin-right: 0%;
		}
	
		.kontaktblock img	{
			width: 40%;
			float: left;
			margin-right: 2%;
			}
			
		.kontaktblock .kontaktinfo	{
			float: right;
			width: 58%;
			}
			
			.kontaktblock h2	{
				font-weight: 700;
				font-size: 2em;
				color: rgba(39,110,47,1);
				line-height: 1;
				}
			
			.kontaktblock h3	{
				font-weight: 400;
				font-size: 1.2em;
				line-height: 1.1;
				color: #1d1d1d;
				}
				
			.kontaktblock p	{
				color: #1d1d1d;
				margin-top: 25px;
				}
				
			a.kontaktmail	{
				text-decoration: none;
				color: #1d1d1d;
				}
				
				a.kontaktmail:hover	{
					background-color: rgba(245,154,0,1);
					}		

/*
|-------------------------|
|    --  SORTIMENT  --    |
|-------------------------|
*/	

.tabsortiment	{
	width: 100%;
	float: left;
	border-collapse: collapse;
	}
	
	.tabsortiment tr td	{
		font-size: 1em;
		padding: 1%;
		text-align: center;
		color: #1d1d1d;
		}
		
		.tabsortiment tr td sub	{
			font-size: 0.7em;
			}
	
	.tabsortiment tr.tr-1 td	{
		font-size: 0.8em;
		font-weight: 700;
		background-color: rgba(39,110,47,1);
		color: rgba(255,255,255,1);
		-ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  -khtml-hyphens: auto;
  hyphens: auto;
		}
		
	.tabsortiment tr.tr-gerade	{
		background-color: rgba(255,255,255,.3);
		}
		
	.tabsortiment tr:hover	{
		background-color: rgba(245,154,0,.8);
		}
		
		.tabsortiment tr.tr-0:hover	{
			background-color: rgba(255,255,255,.8);
			}
		
		.tabsortiment tr.tr-0 td {font-size: 1.4em;}
		.tabsortiment tr.tr-0 td .bd-b {color: rgba(39,110,47,1)}
		.tabsortiment tr.tr-0 td .bd-d {color: rgba(245,154,0,1)}
	
	.tabsortiment tr .td-1	{text-align: left;}
	.tabsortiment tr .td-3	{text-align: center;}
	.tabsortiment tr .td-4	{text-align: left;}
	.tabsortiment tr .td-2	{text-align: center;}
	.tabsortiment tr .td-5	{text-align: center;}
	.tabsortiment tr .td-6	{text-align: left;}
	.tabsortiment tr .td-7	{text-align: left;}

/*
|-------------------------|
|    --  SCHNECKE  --     |
|-------------------------|
*/

.schnecke 	{
	text-align: center;
	width: 100%;
	float: left;
	}
	
	.zweischnecke 	{
		display: none;
		}
	
	.vierschnecke	{
		display: none;
		}
		
	.dreischnecke	{
		display: none;
		}
		
	.funfschnecke	{
		display: none;
		}
	
.schnecke img {
		border: none;
		height: auto;
		width: 730px;
		margin: 0 auto;
		margin-top: 50px;
	}
	
area:focus{
  border: none;
  outline-style: none; 
  -moz-outline-style:none;  
}
	
.auswahl	{
	width: 450px;
	height: auto;
	padding: 50px;
	background-color: rgba(255,255,255,1);
	color: #333;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 3333;
	-webkit-border-radius: 0 80px 0 0;
	border-radius: 0 80px 0 0;
	margin-top: 200px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
	text-align: left;
	}
	
.auswahl a.closebutton	{
	width: 35px; 
	height: 35px; 
	float: right;
	margin: -50px -50px 0px 0px;
	display: block;
	}
	
.auswahl a.closebutton img	{
	width: 35px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	}
	
.auswahl h1	{
	font-size: 3em;
	color: rgba(39,110,47,1);
	margin-bottom: 25px;
	text-align: left;
	}

.auswahl h2	{
	font-size: 1.5em;
	color: rgba(39,110,47,1);
	margin-bottom: 15px;
	margin-top: 25px;
	text-align: left;
	line-height: 1.3;
	}
	
.auswahl img.schnecke-inhalt {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	}
	
.auswahl p	{
	font-size: 1em;
	text-align: left;
	}
	
.auswahl p sub {font-size: 0.6em;}
.auswahl p sup {font-size: 0.6em;}
	
/*
|-------------------------|
|    --  LOGISTIK  --     |
|-------------------------|
*/

.dkarte-1 {max-width: 100%; width: auto;}
/* kartenrahmen und dkarte-1 img ausblenden für imagemape anpassen */
.kartenrahmen {width: 48%; margin-right: 4%; float: left; overflow: hidden;} 
.dkarte-1 img {width: 100%; height: auto;}
.deutschland 	{
	text-align: center;
	width: 100%;
	float: left;
	}
	
	.zweideutschland 	{
		display: none;
		}
		
	.dreideutschland	{
		display: none;
		}
		
	.vierdeutschland	{
		display: none;
		}
	
.deutschland img {
		border: none;
		height: auto;
		width: 800px;
		margin: 0 auto;
		margin-top: 50px;
	}
	
.dauswahl	{
	width: 450px;
	height: auto;
	padding: 50px;
	background-color: rgba(255,255,255,1);
	color: #333;
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 3333;
	-webkit-border-radius: 0 80px 0 0;
	border-radius: 0 80px 0 0;
	margin-top: 200px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
	text-align: left;
	}
	
.dauswahl a.closebutton	{
	width: 35px; 
	height: 35px; 
	float: right;
	margin: -50px -50px 0px 0px;
	}
	
.dauswahl a.closebutton img	{
	width: 35px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	}
	
.dauswahl h1	{
	font-size: 3em;
	color: rgba(39,110,47,1);
	margin-bottom: 25px;
	text-align: left;
	}
	
.dauswahl p	{
	font-size: 1em;
	text-align: left;
	}
	
	.dauswahl p a {
		text-decoration: none;
		color: rgba(245,154,0,1);
		}
		
		.dauswahl p a:hover {
			text-decoration: underline;
			}	

.dauswahl img.karte {
	width: 100%; 
	height: auto;
	}
	
.text2 {
	width: 48%;
	float: left;
	margin-right: 4%;
	}	
.text2rechts {margin-right: 0%;}
.text2 a {text-decoration: none; color: rgba(39,110,47,1);}
.text2 a:hover {color: rgba(245,154,0,1);}
			
.dkarte {width: 48%; margin-right: 4%; float: left;}
.dkarte img {width: 100%; height: auto;}
.dkartelegende {width: 44%; margin-right: 0%; background-color: rgba(255,255,255,.4); 
	-webkit-border-radius: 40px;
	border-radius:40px ; float: left; padding: 2%;}
.dkartelegende ul {margin-left: 20px; margin-top: 30px;}
.dkartelegende ul li {margin-bottom: 15px;}
/*
|-------------------------|
|    --  DOWNLOADS  --    |
|-------------------------|
*/	

.downloads h2 {
	padding: 1% 0%;
	font-size: 1.5em;
	font-weight: 700;
	color: rgba(39,110,47,1);
	line-height: 1.0;
	}

.downloads a {
	font-size: 1.2em;
	color: rgba(39,110,47,1);
	text-decoration: none;
	display: block;
	width: 94%;
	padding: 0% 3%;
	border-bottom: dotted 1px rgba(255,255,255,.5);
	}	
	
	.downloads a:hover {		
		background-color: rgba(245,154,0,1);
		}
		
		.downloads a .datenblatt {font-weight: 300; font-size: 0.8em;}
@media only screen and (max-width: 1100px) {
	.navigation-bg	{
		width: 100%;
		height: 100px;
		float: left;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		}
	
	.navigation-bg img	{
		width: 150px;
		height: auto;
		float: left;
		margin-top: 24px;				
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		}			
		
	ul.navigation	{
		margin-top: 60px;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		}
}

@media only screen and (max-width: 1000px) {
	
	.inhalt	{
		margin-top: 100px;
		}
	
	ul.navigation	{
		width: 100%;
		text-align: center;
		margin-top: 30px;
		-webkit-transition: all 0.1s ease-in-out;
		-moz-transition: all 0.1s ease-in-out;
		-ms-transition: all 0.1s ease-in-out;
		-o-transition: all 0.1s ease-in-out;
		transition: all 0.1s ease-in-out;
		}
		
	ul.navigation li a	{
			display: inline-block;
			padding: 4px 5px;
			text-transform: uppercase;
			color: rgba(39,110,47,1);
			text-decoration: none;
			-webkit-transition: all 0.3s ease-in-out;
			-moz-transition: all 0.3s ease-in-out;
			-ms-transition: all 0.3s ease-in-out;
			-o-transition: all 0.3s ease-in-out;
			transition: all 0.3s ease-in-out;
			}
			
/*
|-------------------------|
|  -- BLOCK INHALTE --    |
|-------------------------|
*/	
.block-start h1	{
	font-size: 1.7em;
	line-height: 1.1;
	}
	
.spruch	{
	width: 96%;
	text-align: center;
	float: left;
	margin-top: 250px;
	margin-bottom: 50px;
	}

	.spruch h1	{
		font-size: 1.7em;
		font-weight: 300;
		color: rgba(255,255,255,1);
		}
		
/*
|-------------------------|
|    --  LOGISTIK  --     |
|-------------------------|
*/
.deutschland 	{
	display: none;
	}
	
	.zweideutschland 	{
		display: block;
		text-align: center;
		float: left;
		width: 100%;
		}
		
	.dreideutschland	{
		display: none;
		}
		
	.vierdeutschland	{
		display: none;
		}
		
.zweideutschland img {
		width: 600px;
		border: none;
		height: auto;
		margin: 0 auto;
		margin-top: 50px;
	}
	
.dauswahl	{
	width: 350px;
	margin-top: 200px;
	}
	
.dauswahl a.closebutton	{
	margin: -40px -40px 0px 0px;
	}
	
.dauswahl h1	{
	font-size: 2em;
	}
}

@media only screen and (max-width: 780px) {
/*
|-------------------------|
|     --  TOPNAVI  --     |
|-------------------------|
*/	
.topnavi-bg	{
	display: none;
	}
	
/*
|-------------------------|
|   --  NAVIGATION  --    |
|-------------------------|
*/	
.navigation-bg	{
	display: none;
	}	
		
	/*
|-------------------------|
|--  NAVIGATION-MOBIL  -- |
|-------------------------|
*/	

.navigation-mobil-bg-button img.logo	{
	width: auto;
	height: 30px;
	float: left;
	margin-top: 5px;
	position: fixed;
	top: 5px;	
	right: 5px;			
	-webkit-transition: all 0.1s ease-in-out;
	-moz-transition: all 0.1s ease-in-out;
	-ms-transition: all 0.1s ease-in-out;
	-o-transition: all 0.1s ease-in-out;
	transition: all 0.1s ease-in-out;
	}

.navigation-mobil-bg-button	{
	display: block;
	position: fixed;
	width: 100%;
	height: 40px;
	padding: 5px 0px;
	background-color: rgba(0,0,0,1);
	z-index: 1000;
	}
	
	.navigation-mobil-bg-button a.openbutton img	{		
		width: auto;
		height: 40px;
		margin-left: 10px;
		}
		
.navigation-mobil-bg	{
	display: block;
	position: absolute;
	width: 100%;
	z-index: 100;
	background-color: rgba(39,110,47,1);
	}	
	
	ul.navigation-mobil	{
		list-style-type: none;
		width: 94%;
		padding: 3%;
		float: left;
		}
		
		ul.navigation-mobil li	{
			margin: 30px 0px;
			}
			
		ul.navigation-mobil li:first-of-type	{
			margin-top: 50px;
			}
				
		ul.navigation-mobil li:last-of-type	{
			margin-bottom: 0px;
			}
			
			ul.navigation-mobil li a	{
				color: rgba(255,255,255,1);
				font-size: 1.8em;
				text-decoration: none;
				}

.inhalt .text p	{
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;	 
	-moz-column-width: 100%;
	-webkit-column-width: 100%;
	column-width: 100%;
	float: left;
	}

/*
|-------------------------|
|    -- STARTSEITE --     |
|-------------------------|
*/	
	
.block-start-reihe1	{
		width: 96%;
		margin: 0% 2%;
		float: left;
		margin-top: 100px;
		}
	
		.block-start-1,
		.block-start-2,
		.block-start-3,
		.block-start-4,
		.block-start-5	{
			margin-right: 2%;
			margin-bottom: 2%;
			float: left;
			overflow: hidden;
			min-height: inherit;
			}		
		
		.block-start-reihe1 .block-start-1,
		.block-start-reihe1 .block-start-2,
		.block-start-reihe1 .block-start-3	{
			width: 96%;
			background-color: rgba(39,110,47,1);
			}
		
		.block-start-3	{
			margin-right: 0%;
			}
			
		.block-start-reihe2	{
			width: 96%;
			margin: 0% 2%;
			display: block;
			float: left;
			}	
			
			.block-start-reihe2 .block-start-4	{
				width: 96%;
				float: left;
				background-color: rgba(245,154,0,1);
				}
				
			.block-start-reihe2 .block-start-5	{
				width: 96%;
				margin-right: 0%;
				float: right;
				background-color: rgba(43,32,22,1);
				}	

/*
|-------------------------|
|     -- KONTAKT --       |
|-------------------------|
*/	
.kontaktblock	{
	width: 100%;
	margin-right: 0%;
	margin-bottom: 25px;
	float: left;
	}
	
		.kontaktblock img	{
			width: 40%;
			max-width: 180px;
			float: left;
			margin-right: 2%;
			}
				
.spruch	{
	width: 96%;
	text-align: center;
	float: left;
	margin-top: 250px;
	margin-bottom: 50px;
	}

	.spruch h1	{
		font-size: 1.7em;
		font-weight: 300;
		color: rgba(255,255,255,1);
		}

/*
|-------------------------|
|    -- SORTIMENT --      |
|-------------------------|
*/			
.tabsortiment tr td.td	{
		font-size: 0.7em;
		}
	.tabsortiment tr.tr-1 td.td	{
		font-size: 0.5em;
		}
		
/*
|-------------------------|
|    --  SCHNECKE  --     |
|-------------------------|
*/
.schnecke 	{
	display: none;
	}
	
	.zweischnecke 	{
		display: block;
		text-align: center;
		}
	
	.vierschnecke	{
		display: none;
		}
			
	.dreischnecke	{
		display: none;
		}		
		
	.funfschnecke	{
		display: none;
		}
		
.zweischnecke img {
		width: 500px;
		border: none;
		height: auto;
		margin: 0 auto;
		margin-top: 50px;
	}
	
.auswahl	{
	width: 350px;
	margin-top: 350px;
	}
	
.auswahl a.closebutton	{
	margin: -40px -40px 0px 0px;
	}
	
.auswahl h1	{
	font-size: 2em;
	}
	
.kartenrahmen {width: 100%; margin-right: 0%; float: left; overflow: hidden;}
.dkarte-1 {max-width: 100%; width: auto;}
.dkarte-1 img {width: 100%; height: auto;}
	
.dkarte {width: 100%; margin-right: 0%;}
.dkartelegende {width: 86%; margin: 2%;padding: 5%;}
.dkartelegende ul {margin-left: 20px; margin-top: 30px;}
.dkartelegende ul li {margin-bottom: 15px;}
	

}

@media only screen and (max-width: 650px) {
	
/*
|-------------------------|
|    --  LOGISTIK  --     |
|-------------------------|
*/
.deutschland 	{
	display: none;
	}
	
	.zweideutschland 	{
		display: none;
		}
		
	.dreideutschland	{
		display: block;
		text-align: center;
		float: left;
		width: 100%;
		}
		
	.vierdeutschland	{
		display: none;
		}
		
.dreideutschland img {
		width: 400px;
		border: none;
		height: auto;
		margin: 0 auto;
		margin-top: 50px;
	}
	
.dauswahl	{
	width: 320px;
	margin-top: 450px;
	padding: 15px;
	}
	
.dauswahl a.closebutton	{
	margin: -20px -20px 0px 0px;
	}
	
.dauswahl h1	{
	font-size: 2em;
	}
	
.text2 {
	width: 100%;
	float: left;
	margin-right: 0%;
	margin-bottom: 35px;
	}
	}



@media only screen and (max-width: 550px) {
/*
|-------------------------|
|     -- KONTAKT --       |
|-------------------------|
*/	
.kontaktblock img	{
			width: 40%;
			max-width: 120px;
			float: left;
			margin-right: 2%;
			}
						
.kontaktblock h2	{
	font-weight: 700;
	font-size: 1.4em;
	color: rgba(39,110,47,1);
	line-height: 1;
	}

.kontaktblock h3	{
	font-weight: 400;
	font-size: 1.0em;
	line-height: 1.1;
	color: #1d1d1d;
	}

/*
|-------------------------|
|    -- SORTIMENT --      |
|-------------------------|
*/			
.tabsortiment tr td.td	{
		font-size: 0.5em;
		}
	.tabsortiment tr.tr-1 td.td	{
		font-size: 0.3em;
		}
		
/*
|-------------------------|
|    --  SCHNECKE  --     |
|-------------------------|
*/

.schnecke 	{
	display: none;
	}
	
	.zweischnecke	{
		display: none;
		}
	
	.dreischnecke	{
		display: none;
		}
			
	.vierschnecke	{
		display: block;
		text-align: center;
		width: 100%;
		}		
		
	.funfschnecke	{
		display: none;
		}
	
.vierschnecke img {
		width: 350px;
		border: none;
		height: auto;
		margin: 0 auto;
		margin-top: 50px;
	}
	
.auswahl	{
	width: 300px;
	padding: 25px;
	-webkit-border-radius: 0 40px 0 0;
	border-radius: 0 40px 0 0;
	margin-top: 500px;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
	box-shadow: 0 0 5px 5px rgba(0,0,0,.2);
	}
	
.auswahl a.closebutton	{
	width: 35px; 
	height: 35px; 
	float: right;
	margin: -30px -30px 0px 0px;
	}
	
.auswahl a.closebutton img	{
	width: 35px;
	height: 35px;
	margin: 0px;
	padding: 0px;
	}
	
.auswahl h1	{
	font-size: 1em;
	color: rgba(39,110,47,1);
	margin-bottom: 25px;
	text-align: left;
	}
	
.auswahl p	{
	font-size: 0.8em;
	text-align: left;
	}
}
@media only screen and (max-width: 450px) {
/*
|-------------------------|
|    --  LOGISTIK  --     |
|-------------------------|
*/


.deutschland 	{
	display: none;
	}
	
	.zweideutschland 	{
		display: none;
		}
		
	.dreideutschland	{
		display: none;
		}
		
	.vierdeutschland	{
		display: block;
		text-align: center;
		float: left;
		width: 100%;
		}
		
.vierdeutschland img {
		width: 250px;
		border: none;
		height: auto;
		margin: 0 auto;
		margin-top: 50px;
	}
	
.dauswahl	{
	width: 86%;
	margin-top: 450px;
	padding: 5%;
	}
	
.dauswahl a.closebutton	{
	margin-right: 0%;
	margin-top: -10px;
	}
	
.dauswahl h1	{
	font-size: 1.2em;
	}	
}

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

/*
|-------------------------|
|    --  SCHNECKE  --     |
|-------------------------|
*/
.schnecke 	{
	display: none;
	}
	
	.zweischnecke	{
		display: none;
		}
	
	.vierschnecke	{
		display: none;
		}
			
	.dreischnecke	{
		display: block;
		text-align: center;
		width: 100%;
		}
		
	.funfschnecke	{
		display: none;
		}
	
.dreischnecke img {
		width: 300px;
		border: none;
		height: auto;
		margin: 0 auto;
		margin-top: 50px;
	}
	
	.auswahl	{
	width: 260px;
	}
}

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

/*
|-------------------------|
|    --  SCHNECKE  --     |
|-------------------------|
*/
	
.schnecke 	{
	display: none;
	}
	
	.zweischnecke	{
		display: none;
		}
	
	.vierschnecke	{
		display: none;
		}
	
	.dreischnecke	{
		display: none;
		}
			
	.funfschnecke	{
		display: block;
		text-align: center;
		width: 100%;
		}
	
.funfschnecke img {
		width: 260px;
		border: none;
		height: auto;
		margin: 0 auto;
		margin-top: 50px;
	}
		
	.auswahl	{
	width: 220px;
	}
}