@charset "UTF-8";
/* CSS Document */
@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/robotocondensed-regular-webfont.eot');
    src: url('fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-regular-webfont.woff') format('woff'),
         url('fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condensedlight';
    src: url('fonts/robotocondensed-light-webfont.eot');
    src: url('fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-light-webfont.woff') format('woff'),
         url('fonts/robotocondensed-light-webfont.ttf') format('truetype'),
         url('fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'robotothin';
    src: url('fonts/roboto-thin-webfont.eot');
    src: url('fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/roboto-thin-webfont.woff2') format('woff2'),
         url('fonts/roboto-thin-webfont.woff') format('woff'),
         url('fonts/roboto-thin-webfont.ttf') format('truetype'),
         url('fonts/roboto-thin-webfont.svg#robotothin') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
	font-family:'roboto_condensedlight', sans-serif;/* 1 */
  /* Use a 16px base font size. */
  font-size: 100%; /* 3 */
  -ms-text-size-adjust: 100%;     /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  /* Establish a vertical rhythm. */
  line-height: 1.5em;
}

body {
	margin: 0;
	padding: 0;
}
a:link, 
a:visited,
a:active {
  text-decoration: underline;
	color: #646464;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'roboto_condensedlight';
	font-weight: normal;
	margin: 0 0 0.5em;
}
h1 { font-size: 4em; line-height: 1.2em; }
h2 { font-size: 4em; line-height: 1.2em; }
img {
  width: 100%;
	height: auto;
}
h1.h-zitat {
	font-family: 'roboto_condensedlight';
	line-height: 1.2em;
}
.adresse::after,
.kollektion::after,
.text-kollektion p::after,
.kachel-kollektion::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

.header {
	background: transparent url("images/kachel.gif") repeat scroll 0 0;
	height: 20%;
	width: 100%;
	min-height: 278px;
}
.break-kachel {
background: transparent url("images/kachel2.gif") repeat-x scroll 0 0;
margin: 3em 0;
height: 2em;
}
.logo {
	background: url(images/logo.png) no-repeat 0 bottom / 100%;
	margin: 0 10% 0 68%;
	width: 22%;
	height: 100%;
	min-height: 278px;
}
.content {
	height: 70%;
	min-height: 500px;
}
.footer {
	height: 10%;
	min-height: 150px;
	background: transparent url("images/kachel.gif") repeat scroll 0 0;
}
.blau {
  background-color: #21202e;
	color: #fff;
}
.adresse,
.kollektion,
.text {
  width: 60%;
	padding: 5% 20% 5% 20%
}
.image-adresse {
	padding: 0;
}
.area-left {
  float: left;
	width: 70%;
}
.area-right {
  float: left;
	width: 30%;
}
.text-kollektion p,
.adresse p,
.text p {
	font-size: 1.5em;
	line-height: 1.2em;
	max-width: 80%;
}
.item-kollektion {
	float: left;
}
.item-kollektion::after {
  content: "/";
	padding: 0 3px;
}
.item-kollektion:last-child::after {
  content: "";
	padding: 0;
}
.kachel-kollektion .views-row {
  float: left;
	margin: 0;
	padding: 0;
	width: 20%;
	height: auto;
}
.kachel-kollektion .views-row .kollektion {
	display: block;
	height: auto;
	margin: 0;
	padding: 0;
	width: 100%;
}
.zitat {
	margin: 6em auto;
	max-width: 770px;
	text-align: center;
}
.impressum {
	width: 60%;
	padding: 0% 20%;
}
.impressum p {
  font-size: 1em;
	text-transform: lowercase;
}