@charset "UTF-8";
/* CSS Document */
    html, body {
      position: relative;
      height: 100%;
	  color:#000;
      margin: 0;
      padding: 0;
    }
    body {
      background: #000000;
	  font-family: 'Quicksand'; 
      margin: 0;
      padding: 0;
    }
    .swiper-container {
      width: 100%;
      height: 100%;
      background: #000;
    }	

   /* .swiper-slide {
	  color:#ffffff;
      -webkit-background-size: cover;
      background-size: cover;
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack:center ;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    } */
    .swiper-slide {
      color:#fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
	  width: 100%;
      height: auto;
      -webkit-background-size: cover;
      background-size: cover;
      background-position: center;
	        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
	  
	   -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-slide-bindestrich {
      color:#fff;
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
	  width: 100%;
      height: auto;
      background-position: center;
	        display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
	  
	   -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
    .swiper-container-v {}
    .swiper-slide .title { top: -12px; vertical-align:middle; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.8);}
    .swiper-slide .subtitle {}
    .swiper-slide .text {}
	.swiper-pagination-bullet:hover {background:#ffffff;opacity:1;border:solid 4px rgba(0, 0, 0, 0.8);}

	
/* quicksand-300 - latin */
@font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 300; src: url('../fonts/quicksand-v7-latin-300.eot'); /* IE9 Compat Modes */ src: local('Quicksand Light'), local('Quicksand-Light'), url('../fonts/quicksand-v7-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/quicksand-v7-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/quicksand-v7-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/quicksand-v7-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/quicksand-v7-latin-300.svg#Quicksand') format('svg'); /* Legacy iOS */}
/* quicksand-regular - latin */
@font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 400; src: url('../fonts/quicksand-v7-latin-regular.eot'); /* IE9 Compat Modes */ src: local('Quicksand Regular'), local('Quicksand-Regular'), url('../fonts/quicksand-v7-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/quicksand-v7-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/quicksand-v7-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/quicksand-v7-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */  url('../fonts/quicksand-v7-latin-regular.svg#Quicksand') format('svg'); /* Legacy iOS */}
/* quicksand-500 - latin */
@font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 500; src: url('../fonts/quicksand-v7-latin-500.eot'); /* IE9 Compat Modes */ src: local('Quicksand Medium'), local('Quicksand-Medium'), url('../fonts/quicksand-v7-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/quicksand-v7-latin-500.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/quicksand-v7-latin-500.woff') format('woff'), /* Modern Browsers */ url('../fonts/quicksand-v7-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/quicksand-v7-latin-500.svg#Quicksand') format('svg'); /* Legacy iOS */}
/* quicksand-700 - latin */
@font-face { font-family: 'Quicksand'; font-style: normal; font-weight: 700; src: url('../fonts/quicksand-v7-latin-700.eot'); /* IE9 Compat Modes */ src: local('Quicksand Bold'), local('Quicksand-Bold'), url('../fonts/quicksand-v7-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/quicksand-v7-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/quicksand-v7-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/quicksand-v7-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/quicksand-v7-latin-700.svg#Quicksand') format('svg'); /* Legacy iOS */}

/* Typo */
	.info {color:#fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8), -1px -1px 2px rgba(255, 255, 255, 0.8); padding-left: 20px} 
	.daten {font-size: 12px; font-weight: 500; line-height: 18px;} 
	.kopf { top: 0; position:fixed; z-index: 2; margin: 12px 12px 40px 0px ; /* o r u l */}
	.kontakt { font-size: 12px; bottom: 0; position: fixed; z-index: 2; margin: 12px 12px 23px 0px ; /* o r u l */ }
	a { color:#fff; text-decoration:none}
	a:hover { color:#F00 }
	
	.link-schwarz  { color:#999; text-decoration:none}
	

	p, h1, h2, h3, h4 { margin-top: 9px; font-size: 16px; letter-spacing: 0.25em; font-weight:400; line-height:24px; }
	b {font-weight:700}
	strong { font-weight:500;}
	.ftext { color:#000; letter-spacing: 0em; }

/*Typo Ende*/

	@media all and (max-width: 600px) {
		.kontakt { margin-bottom: 48px;}
	}
	
.row {
  content: "";
  display: block;
  clear: both;
}
	
.column {
	padding:20px;
	display:block;
	box-sizing:border-box; 
}

@media screen and (min-width: 1800px) {
  .column {
	  float: left;
    width: 25%;
  }
}

/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 1800px) {
  .column {
	  float: left;
    width: 50%;
  }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}