html, body {
	height:100%;
}

/* ---------------------------------------------------------- Fonts --------- */

/*! Generated by Font Squirrel 
	(https://www.fontsquirrel.com) on October 3, 2018 */
@font-face {
    font-family: 'balladaregular';
    src: url('Fonts/ballada-webfont.woff2') format('woff2'),
         url('Fonts/ballada-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

/* crimson-text-regular - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 400;
  src: local('Crimson Text Regular'), local('CrimsonText-Regular'),
       url('Fonts/crimson-text-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('Fonts/crimson-text-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 400;
  src: local('Crimson Text Italic'), local('CrimsonText-Italic'),
       url('Fonts/crimson-text-v8-latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('Fonts/crimson-text-v8-latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-600 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 600;
  src: local('Crimson Text SemiBold'), local('CrimsonText-SemiBold'),
       url('Fonts/crimson-text-v8-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('Fonts/crimson-text-v8-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-600italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 600;
  src: local('Crimson Text SemiBold Italic'), local('CrimsonText-SemiBoldItalic'),
       url('Fonts/crimson-text-v8-latin-600italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('Fonts/crimson-text-v8-latin-600italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-700 - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: normal;
  font-weight: 700;
  src: local('Crimson Text Bold'), local('CrimsonText-Bold'),
       url('Fonts/crimson-text-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('Fonts/crimson-text-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* crimson-text-700italic - latin */
@font-face {
  font-family: 'Crimson Text';
  font-style: italic;
  font-weight: 700;
  src: local('Crimson Text Bold Italic'), local('CrimsonText-BoldItalic'),
       url('Fonts/crimson-text-v8-latin-700italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('Fonts/crimson-text-v8-latin-700italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html {
	font-family: 'Crimson Text';
	font-style: normal;
	font-weight: 400;
	font-size: 20px;
	line-height:26px;
	-moz-hyphens: auto;
   	-o-hyphens: auto;
   	-webkit-hyphens: auto;
   	-ms-hyphens: auto;
   	hyphens: auto; 
}



h1 {
	font-family: 'balladaregular';
	font-size: 100px;
	color:rgb(20,144,48);
	text-shadow: 1px 0 0 black, -1px 0 0 black, 0 1px 0 black, 0 -1px 0 black;
	font-weight:normal;
	line-height:130px;
	margin:0;
	padding:0;
}
h2 {
	font-family: 'balladaregular';
	font-size: 80px;
	color:rgb(20,144,48);
	text-shadow: 1px 0 0 black, -1px 0 0 black, 0 1px 0 black, 0 -1px 0 black;
	font-weight:normal;
	line-height:110px;
	margin:0;
	padding:0;
}
h3 {
	font-family: 'balladaregular';
	font-size: 40px;
	color:rgb(20,144,48);
	font-weight:normal;
	line-height:60px;
	margin:0;
	padding:0;
}
h4 {
	font-family: 'Crimson Text';
	font-size: 26px;
	color:rgb(0,0,0);
	font-weight:600;
	line-height:34px;
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
}

td {
	vertical-align: top;
}

a {
	text-decoration:none;
	color:rgb(20,144,48);
}
a:hover {
	text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
}
.col { 
	box-sizing: border-box;
}

/* ---------------------------------------------------------- Header -------- */
header {
	width:100%;
	margin:0 auto;
	height:100%;
	background-image: url("../Images/6-KIK_5313.jpg");
	background-position: center;
	background-size: cover;
	text-align:center;
	
	display: grid; 
  	grid-template-rows:1fr 1fr 1fr; 
  	grid-template-columns:1fr 2fr 1fr 2fr 1fr; 
  	align-items: center;
}
header .col { 
	box-sizing: border-box;
}

/* 	Col 1 = Background
	Col 2 = Logo
	Col 3 = menu
	Col 4 = scroll
	Col 5 = Address  */
header .col-1,
header .col-2{
	align-self: center;
}
header .col-1 {
	background-color: rgba(0, 0, 0, 0.6);
	height:100%;
	grid-column-start: 1;
	grid-column-end: 6;
	grid-row-start: 2;
	grid-row-end: 3;
}

header .col-2 { /* Logo */
	padding:30px 0;
	grid-column-start: 2;
	 grid-column-end: 5;
	 grid-row-start: 2;
	 grid-row-end: 3;
}
header .col-2 img {

}

header .col-3 { /* Links */
	padding-bottom:20px;
	color:white;
	background-color: rgba(240, 50, 245,0);
	text-align:left;
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 3;
	grid-row-end: 3;
	align-self: end;
}
header .col-4 {
	padding-bottom:5px;
	color:white;
	background-color: rgba(240, 250, 245,0);
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 3;
	align-self: end;
}
header .col-4 .scroll {
	width:130px;
	height:auto;
}
header .col-5 { /* Address */
	padding-bottom:20px;
	color:white;
	text-align:right;
	background-color: rgba(240, 250, 245,0);
	grid-column-start: 4;
	grid-column-end: 5;
	grid-row-start: 3;
	grid-row-end: 3;
	align-self: end;
}
.contact-link,
.imprint-link,
.privacy-link {
	cursor:pointer;
}
.contact-link:hover,
.imprint-link:hover,
.privacy-link:hover {
	text-shadow: 0 0 2px white;
}
header .contact-link:hover,
header .imprint-link:hover,
header .privacy-link:hover {
	text-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}

/* ---------------------------------------------------------- Overview ------- */



#overview {
	display: grid; 
  	grid-template-rows:auto; 
  	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; 
  	grid-gap:1px;
  	background-color: rgba(0, 0, 0, 0);
  	box-sizing:border-box;
  	padding:80px 0;
  	/*align-items: center; */
  	
}


#overview .col {
	background-color:white;
}
#overview .col-1 { /* Willkommen */
	grid-column-start: 2;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:center;
	padding: 0;
}
#overview .col-7 { /* Cake */
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:center;
	padding: 0;
	display:none;
}
#overview .col-7 img {
	width:45%;
	height:auto;
}
#overview .col-2 { /* Text */
	grid-column-start: 3;
	grid-column-end: 5;
	grid-row-start: 2;
	grid-row-end: 3;
	padding:40px;
}

#overview .col-3 { /* Kultur-Cafe */
	grid-column-start: 1;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:right;
	padding: 0 8% 0 0;
	align-self: center;
}
#overview .col-3 h2 {
	color:rgb(189,23,25);
}
#overview .col-4 { /* Fair-Trade */
	grid-column-start: 5;
	grid-column-end: 7;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:left;
	padding: 0 0 0 8%;
	align-self: center;
}
#overview .col-4 h2 {
	color:rgb(23,46,189);
}
 #overview .col-5 { /* Ausstellungen */
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 3;
	grid-row-end: 4;
	text-align:center;
	padding: 40px 8% 0 0;
	align-self: start;
}
#overview .col-5 h2 {
	
}
 #overview .col-6 { /* Literatur */
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 3;
	grid-row-end: 4;
	text-align:center;
	padding: 40px 8% 0 0;
	align-self: start;
}
#overview .col-6 h2 {
	color:rgb(202,148,1);
}


/* ---------------------------------------------------------- Food ------- */

#food {
	display: grid; 
  	grid-template-rows:auto; 
  	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; 
  	grid-gap:1px;
  	background-color: rgba(25, 30, 30, 1);
  	box-sizing:border-box;
  	padding:80px 0;
  	/*align-items: center; */
  	
}

#food h3 {
	color:white;
}

#food .col {
	background-color:rgba(255,255,255,0);
}
#food .col-1 { /* Headline */
	grid-column-start: 2;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:center;
	padding:0;
}
#food .col-1 h1 {
	color:white;
}

#food .col-2 { /* Kaffee */
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:left;
	padding:30px 60px;
	color:white;
}	
#food .col-2 table {
	width:100%;
}
#food .col-2 th {
	text-align:center;
}
#food .col-2 td:nth-child(even) {
	width:20%;
	text-align:right;
}
#food .col-3 { /* Tee */
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:left;
	padding:30px 60px;
	color:white;
}	
#food .col-3 table {
	width:100%;
}
#food .col-3 th {
	text-align:center;
}
#food .col-3 td:nth-child(even) {
	width:20%;
	text-align:right;
}

#food .col-9 { /* Softdrink Headline */
	grid-column-start: 2;
	grid-column-end: 6;
	grid-row-start: 3;
	grid-row-end: 4;
	text-align:center;
	padding:30px 60px;
	color:white;
}
#food .col-9 table {
	width:100%;
}
#food .col-10-1 { /* Softdrink */
	grid-column-start: 2;
	grid-column-end: 4;
	grid-row-start: 4;
	grid-row-end: 5;
	text-align:left;
	padding:30px 60px;
	color:white;
}
#food .col-10-1 table {
	width:100%;
}
#food .col-10-1 td:nth-child(even) {
	width:20%;
	text-align:right;
}
#food .col-10-2 { /* Softdrink */
	grid-column-start: 4;
	grid-column-end: 6;
	grid-row-start: 4;
	grid-row-end: 5;
	text-align:left;
	padding:30px 60px;
	color:white;
}
#food .col-10-2 table {
	width:100%;
}
#food .col-10-2 td:nth-child(even) {
	width:20%;
	text-align:right;
}

#food .col-4 { /* Breakfast */
	grid-column-start: 2;
	grid-column-end: 6;
	grid-row-start: 5;
	grid-row-end: 6;
	text-align:left;
	padding:30px 60px;
	color:white;
}
#food .col-4 table {
	width:100%;
}
#food .col-4 th {
	text-align:center;
}
#food .col-4 td:nth-child(even) {
	width:20%;
	text-align:right;
}
#food .col-4 td:nth-child(odd) {
	padding-bottom:10px;
}

#food .col-5 { /* Illustration coffee */
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:right;
	padding:0;
}
#food .col-5 .illustration {
	width:90%;
	height:auto;
}

#food .col-6 { /* Illustration croisannt */
	grid-column-start: 6;
	grid-column-end: 7;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:left;
	padding:0;
}
#food .col-6 .illustration {
	width:90%;
	height:auto;
}

#food .col-7 { /* Illustration muffin */
	grid-column-start: 1;
	grid-column-end: 2;
	grid-row-start: 5;
	grid-row-end: 6;
	text-align:right;
	padding:8% 0 0 0;
	align-self: center;
}
#food .col-7 .illustration {
	width:80%;
	height:auto;
}

#food .col-8 { /* Illustration bread */
	grid-column-start: 6;
	grid-column-end: 7;
	grid-row-start: 5;
	grid-row-end: 6;
	text-align:center;
	padding:0;
	align-self: center;
}
#food .col-8 .illustration {
	width:90%;
	height:auto;
}

/* ---------------------------------------------------------- Culture ------- */

#culture {
	display: grid; 
  	grid-template-rows:auto; 
  	grid-template-columns:1fr 4fr 1fr; 
  	grid-gap:1px;
  	background-color: rgba(255, 255, 255, 1);
  	box-sizing:border-box;
  	padding:80px 0;
  	/*align-items: center; */
  	
}
#culture h4 {
	padding:5px 0 0 0;
}
#culture a {
	color:rgb(189,23,25);
}

#culture .col {
	background-color:rgba(0,0,0,0);
}
#culture .col .culture-image {
	width:100%;
	height:auto;
}

#culture .col-1 { /* Headline */
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	
	padding:0 0 50px 0;
}
#culture .col-1 h1 {
	box-sizing: border-box;
	color:rgb(189,23,25);
	text-align:center;
}
.cultur-start-text {
	box-sizing: border-box;
	padding:50px 0;
}
.culture-images {
	box-sizing: border-box;
	width:28%;
	text-align:center;
	margin:0 5% 0 0;
	float:left;
}
.culture-images figure {
	width:100%;
	height:auto;
	margin:0;
	padding:0;
}
.culture-images figcaption {
	font-size:14px;
	line-height:18px;
	text-align:left;
}
.culture-image {
	width:100%;
	height:auto;
	margin-top:10px;
}
.culture-image:first-child {
	margin-top:0;
}
.culture-images .caption {
	font-size:14px;
	text-align:left;
	display:block;
	width:100%;
	margin-top:-5px;
}
.culture-text {
	box-sizing: border-box;
	text-align:left;
	padding:0;
	margin-left:calc(28% + 5%);
}
.culture-text-preview {
	margin-left:0;
}
.culture-space {
	clear:both;
	height:50px;
}
.culture-line {
	border-bottom:1px solid rgb(189,23,25);
	line-height:0;
	margin-bottom:52px;
	margin-left:calc(28% + 5%);
}


/* ---------------------------------------------------------- Gallery ------- */

#gallery {
  	background-color: rgba(25, 30, 30, 1);
  	box-sizing:border-box;
  	padding:80px 0;
  	
}

#gallery .col-1 {
	text-align:center;
}
#gallery .col-1 h1 {
	color:white;
	margin-bottom:40px;
}

#gallery .swiper-container {
    width: 100%;
    height: 500px;
}

#gallery .gallery-image {
	width:auto;
	max-height:500px;
	display:inline-block;
	margin:0 auto;
}
#gallery .swiper-slide {
	overflow:hidden;
	text-align:center;
	background-color:rgb(45, 50, 50);
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}
/* Lightbox */
.sl-overlay {
	background-color:black;
}
.sl-wrapper .sl-close,
.sl-wrapper .sl-counter,
.sl-wrapper .sl-navigation button {
	color:white;
}
.sl-wrapper .sl-navigation .sl-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-repeat:no-repeat;
	background-position:left center;
}
.sl-wrapper .sl-navigation .sl-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
	background-repeat:no-repeat;
	background-position:right center;
}



/* ---------------------------------------------------------- Fair-Trade ------- */

#fairtrade {
	display: grid; 
  	grid-template-rows:auto; 
  	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; 
  	grid-gap:1px;
  	background-color: rgba(255, 255, 255, 1);
  	box-sizing:border-box;
  	padding:80px 0;
  	/*align-items: center; */
  	
}
#fairtrade h4 {
	padding:0;
}

#fairtrade .col {
	background-color:rgba(0,0,0,0);
}
#fairtrade .col .fairtrade-image {
	width:100%;
	height:auto;
}

#fairtrade .col-1 { /* Headline */
	grid-column-start: 2;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:center;
	padding:0 0 50px 0;
}
#fairtrade .col-1 h1 {
	color:rgb(189,23,25);
}

#fairtrade .col-2-1 { /* Image */
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:center;
	padding:0 0 50px 0;
}
#fairtrade .col-2-2 { /* Text */
	grid-column-start: 3;
	grid-column-end: 6;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:left;
	padding:0 0 50px 50px;
}
#fairtrade .col-2-2 .elrojito {
	width:270px;
	height:auto;
}
#fairtrade .col-2-2 .fairtrade-logo {
	width:170px;
	height:auto;
}

/* ---------------------------------------------------------- Infos ------- */

#infos {
	display: grid; 
  	grid-template-rows:auto; 
  	grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr; 
  	grid-gap:1px;
  	background-color: rgba(255, 255, 255, 1);
  	box-sizing:border-box;
  	padding:80px 0;
  	/*align-items: center; */
  	
}

#infos h4 {
	padding:0;
}

#infos .col {
	background-color:rgba(0,0,0,0);
}
#infos a {
	color:rgb(42,107,183);
}
#infos .col .infos-image {
	width:100%;
	height:auto;
}

#infos .col-1 { /* Headline */
	grid-column-start: 2;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:center;
	padding:0 0 50px 0;
}
#infos .col-1 h1 {
	color:rgb(42,107,183);
}

#infos .col-2-1 { /* Image */
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:center;
	padding:0 0 50px 0;
}
#infos .col-2-2 { /* Text */
	grid-column-start: 3;
	grid-column-end: 6;
	grid-row-start: 2;
	grid-row-end: 3;
	text-align:left;
	padding:0 0 50px 50px;
}

/* ---------------------------------------------------------- Footer ------- */

footer {
	display: grid; 
  	grid-template-rows:auto; 
  	grid-template-columns:1fr 0.7fr 1.3fr 0.9fr 1fr 1fr; 
  	grid-gap:1px;
  	background-color: rgba(25, 30, 30, 1);
  	box-sizing:border-box;
  	padding:80px 0;
  	font-size:16px;
  	/*align-items: center; */
  	
}
footer h4 {
	padding:5px 0 0 0;
}

footer .col {
	background-color:rgba(255,255,255,0);
	color:white;
}
footer a {
	color: white;
}
footer a:hover {
	text-shadow: 0 0 2px white;
}

footer .col-1 { 
	grid-column-start: 2;
	grid-column-end: 3;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:left;
	padding:0;
}
footer .col-2 { 
	grid-column-start: 3;
	grid-column-end: 4;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:left;
	padding:0;
}
footer .col-3 { 
	grid-column-start: 4;
	grid-column-end: 5;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:left;
	padding:0;
}
footer .col-4 { 
	grid-column-start: 5;
	grid-column-end: 6;
	grid-row-start: 1;
	grid-row-end: 2;
	text-align:left;
	padding:0;
}

/* ---------------------------------------------------------- Imprint ------- */
#contact, #imprint, #privacy {
	box-sizing: border-box;
	z-index:9999;
	opacity:0;
	transition: opacity 500ms;
}
#contact.hide, #imprint.hide, #privacy.hide {
	top:-5000px !important;
}
#contact.show, #imprint.show, #privacy.show {
	opacity:1;
	display:block;
}

#contact, #imprint, #privacy  {
	min-width:300px;
	min-height: 300px;
}
@media (orientation:portrait) {
	#contact, #imprint, #privacy  {
		min-height: 480px;
	}
}
#contact, #imprint, #privacy  {
	position:fixed;
	overflow: scroll;
	background-color:rgba(0,0,0,0.85);
	padding:40px 50px 40px 40px;
	-webkit-box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.5);
	border-radius: 5px;
}
#contact .text,
#imprint .text,
#privacy .text  {
	color:white;
	margin-bottom:60px;
}

#contact h4,
#imprint h4,
#privacy h4  {
	color:white;
}
#contact h5,
#imprint h5,
#privacy h5  {
	color:white;
	margin-bottom:0;
}
#contact .text a,
#imprint .text a,
#privacy .text a  {
	color: rgb(189,23,25);
}

.close {
	width:32px;
	height:32px;
	position:fixed;
	/*top:20px;
	right:20px;*/
	cursor:pointer;
	display:none;
}
#contact.show .close,
#imprint.show .close,
#privacy.show .close {
	display:block;
}

.close .rotate {
	position:absolute;
	top:15px;
	left:5px;
	background-color: white;
	display:inline-block;
	width:24px;
	height:2px;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.close .rotate:first-child {
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-moz-transform-origin: center;
	transform-origin: center;
}
.close:hover .rotate {
	background-color: rgb(255,0,60);
}


/* The animation code */
@keyframes rotateClose1 {
    from {
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
    }
    to {
    	-moz-transform: rotate(135deg);
		-webkit-transform: rotate(135deg);
		-o-transform: rotate(135deg);
		-ms-transform: rotate(135deg);
		transform: rotate(135deg);
    }
}
@keyframes rotateClose2 {
    from {
		-moz-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
    }
    to {
    	-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
    }
}
.close:hover .rotate {
	animation-name: rotateClose1;
	animation-duration: 500ms;
	animation-iteration-count: 1;
}
.close:hover .rotate:first-child {
	animation-name: rotateClose2;
	animation-duration: 500ms;
	animation-iteration-count: 1;
}