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

/* general styles */
* {
	font-family: 'Merriweather Sans', sans-serif;
	font-weight: 100;
 }

body {
	
	}
	
.head {
    min-height: 400px;
	background-image: url('../images/img_001_xl.jpg');
	background-position: bottom center; 
	background-repeat: no-repeat;
	margin-top: -20px;
	}


	
/* background */
	@media only screen and (max-width: 480px)  {
		body {
			background-image: url('../images/bg_toe_xs_001.png');
			background-position: top left;
			background-repeat: no-repeat;
			background-attachment: fixed;
		}
	}
	
	@media only screen and (min-width: 480px)  {
		body {
			background-image: url('../images/bg_toe_xl_OL_002.png');
			background-position: top left;
			background-repeat: no-repeat;
			background-attachment: fixed;
		}
	}  
   
    @media only screen and (min-width: 970px)  {
		body {
			background-image: url('../images/bg_toe_xl_OL_002.png'), url('../images/bg_toe_xl_UR_001.png');
			background-position: top left, bottom right;
			background-repeat: no-repeat, no-repeat;
			background-attachment: fixed, fixed;
		}
		
		.arrows {
			background-image: url('../images/pfeile-md.png');
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 150px;
		}
		
	}
	
	@media only screen and (min-width: 1170px) {
		.arrows {
			background-image: url('../images/pfeile.png');
			background-repeat: no-repeat;
			background-position: top center;
			min-height: 150px;
		}
	
	}
	
a { font-weight: bold; }
	
.align-justify {
	text-align: justify;
	}

.float_left {
float: left;
}
	

/* classes nav */

		
/* classes head */
	.bg-head-sm {
		background-image: url(../images/head-sm-universal.jpg);
		}
	
/* classes layout-fixes */
	.margin-left--15 {margin-left: -15px;}
	.margin-left-10   {margin-left: 10px;}
	.margin-left-5	 {margin-left: 5px;}
	.margin-top-15    {margin-top: 15px;}
	.margin-top-20     {margin-top: 20px;}
	.margin-top-50     {margin-top: 50px;}
	.margin-bottom-10 {margin-bottom: 10px;}
	.margin-bottom-20 {margin-bottom: 20px;}
	.margin-bottom-50 {margin-bottom: 50px;}
	.padding-top-20   {padding-top: 20px;}
	.padding-top-50  {padding-top: 50px;}
	.padding-bottom-50  {padding-bottom: 50px;}
	.padding-15 		 {padding: 15px;}
	.align-right         {text-align: right;}
	.clear-both 		 {clear:both;}
		
/* classes text-format */
	@media only screen and (max-width: 480px)  {h1 {font-size: 20px;} h2 {font-size: 16px;} h3 {font-size: 16px;}}
	@media only screen and (min-width: 480px)  {h1 {font-size: 26px;} h2 {font-size: 22px;} h3 {font-size: 18px;}}  
    @media only screen and (min-width: 970px)  {h1 {font-size: 26px;} h2 {font-size: 22px;} h3 {font-size: 18px;}}
	@media only screen and (min-width: 1170px) {h1 {font-size: 32px;} h2 {font-size: 22px;} h3 {font-size: 22px;}}

	
/* classes colors */
	.bg_blue {background-color: blue;}
	.bg_red   {background-color: #ec4d3c;}
	.bg_green {background-color: #b8d544;}
	.bg_yellow {background-color: yellow; }
	.bg_orange {background-color: #ff9c00;}
    .bg_gray {background-color: gray;}
	.bg-white {background-color: white;}
	.bg-darkgray {background-color: #333;}
	.lb-caption {color: white;}
	
/*galerie*/
#galerie-xs img {
	margin-bottom: 10px;
	}
	
/* Formular */
	.internal { display: none; }
	label {display: block;}
	input {width: 100%; border: 0px; border-bottom: 1px solid gray; background-color: transparent;}
	input:hover {border-bottom: 1px solid #fbbf16;}
	textarea {width: 100%;}
	button {background-color: #fbbf16; border: 0px; border-radius: 3px; padding: 10px 15px 10px 15px;}
	button:hover {background-color: #fb9d16;}
	.w3-check {width: 20px; padding-right: 20px; margin-top: 30px;}
	.w3-col {width: 50%; margin-bottom: 15px;}
	
/* footer */
	.footer {
		min-height: 200px;
		}
		
/* merriweather-sans-300 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/merriweather-sans-v9-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans Light'), local('MerriweatherSans-Light'),
       url('../fonts/merriweather-sans-v9-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v9-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v9-latin-300.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-300italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/merriweather-sans-v9-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans Light Italic'), local('MerriweatherSans-LightItalic'),
       url('../fonts/merriweather-sans-v9-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v9-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v9-latin-300italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-regular - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v9-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans'), local('MerriweatherSans-Regular'),
       url('../fonts/merriweather-sans-v9-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v9-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v9-latin-regular.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-italic - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/merriweather-sans-v9-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans Italic'), local('MerriweatherSans-Italic'),
       url('../fonts/merriweather-sans-v9-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v9-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v9-latin-italic.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}
/* merriweather-sans-700 - latin */
@font-face {
  font-family: 'Merriweather Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/merriweather-sans-v9-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Merriweather Sans Bold'), local('MerriweatherSans-Bold'),
       url('../fonts/merriweather-sans-v9-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/merriweather-sans-v9-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/merriweather-sans-v9-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/merriweather-sans-v9-latin-700.svg#MerriweatherSans') format('svg'); /* Legacy iOS */
}