img, object, embed, video {
}


body {
	max-width: 650px;
	height: 100%;
	align-content: center;	
	align-self: center;
	margin: auto;
	text-align: center;
	font-family: "brandon-grotesque", sans-serif;
	font-style: normal;
	font-weight: 300;
	font-size: normal;
	line-height: 1.5;
	background-color: #cc9968;
background-image: url("../img/wooden-background_2.jpg");
	
	align-items: center;
}

#Logo {
	max-height: auto;
	max-width: auto !important;
	align-content: center !important;	
	align-self: center !important;
}

#Img {
	height: auto;
	align-content: center;	
	align-self: center;
}

#Laden {
	min-height: 400px;
	align-content: center;	
	align-self: center;
	align-items: center;
	background-image: url("../img/TonKa-Gelateria.jpg");
	background-size: cover; 
	background-repeat: no-repeat;
	margin-top: 25px;
}
#aktion {
 	min-height: 400px;
	align-content: center;	
	align-self: center;
	align-items: center;
	background-image: url("../img/TonKa-Manoushe.jpg");
	background-size: cover; 
	background-repeat: no-repeat;
	margin-top: 25px;
}

#KontImp {
	height: auto;
	align-content: center;	
	align-self: center;
	margin-top: 30px;
	padding: 50px;
}

#KontDat {
	height: auto;
	align-content: center;	
	align-self: center;
	padding: 60px;
}

#imagefade {
	width: 100%;
	max-height: 325px;
	margin-bottom: 20px;
	margin-top: 50px;
}

.center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.Tonka {
	align-content: center;	
	align-self: center;
	text-align: center;
	color: #000000;
	font-size: 1.8em;
	text-transform: uppercase;
}
.GROSS {
	text-transform: uppercase;
	font-size: 1.6em;
}

.TextKontakt {
	color: #000000;
	font-weight: 500;
	font-size: 1.2em;
}

#Kontakt {
	height: 220px;
	align-content: center;	
	align-self: center;
	text-align: center;
	padding-bottom: 20px;
}

#Nav {
	align-content: center;	
	align-self: center;
	text-align: center;
	font-weight: 400;
	height: 20px;
	margin-bottom: 50px;
	text-transform: uppercase;
}

a {
	font-family: "brandon-grotesque", sans-serif;
	font-style: normal;
	font-weight: 700;
	text-decoration: none !important;
	color: black;
	}

a:hover	{
	text-decoration: none;
	color: white;
	}
.carousel.fade {
	opacity: 1;
}
.carousel.fade .item {
	transition: opacity ease-out .9s;
	left: 0;
	opacity: 0; /* hide all slides */
	top: 0;
	position: absolute;
	width: 100%;
	display: block;
}
.carousel.fade .item:first-child {
	top: auto;
	opacity: 1; /* show first slide */
	position: relative;
}
.carousel.fade .item.active {
	opacity: 1;
}

.imgP {
	margin-top: auto;
	margin-bottom: auto;
	margin-left: auto;
	margin-right: auto;
	align-self: center;
}
.polygon-laden {
  height: 100%;
  background-color: #cc9968;
  /* Die Punkte definieren die Form: oben-links, oben-rechts, unten-rechts, unten-links */
  clip-path: polygon(6% 15%, 95% 5%, 90% 100%, 8% 80%);
	padding-top: 20px;
	padding-bottom: 20px;
}

.polygon-wein {

  height: 100%;
  background-color: #ad194a;
  /* Die Punkte definieren die Form: oben-links, oben-rechts, unten-rechts, unten-links */
  clip-path: polygon(10% 0%, 90% 5%, 88% 85%, 5% 90%);
	padding: 5px;
}

.polygon-musik {

  height: 100%;
  background-color: #d9a53b;
  /* Die Punkte definieren die Form: oben-links, oben-rechts, unten-rechts, unten-links */
  clip-path: polygon(8% 10%, 88% 2%, 85% 85%, 15% 92%);
	padding: 5px;
}
.polygon-rose {

  height: 100%;
  background-color: #f08376;
  /* Die Punkte definieren die Form: oben-links, oben-rechts, unten-rechts, unten-links */
  clip-path: polygon(12% 10%, 85% 2%, 90% 90%, 9% 82%);
	padding: 5px;
}

.polygon-kontakt {

  height: 100%;
  background-color: #cc9968;
  /* Die Punkte definieren die Form: oben-links, oben-rechts, unten-rechts, unten-links */
  clip-path: polygon(10% 0, 89% 2%, 80% 92%, 20% 85%);
	padding: 5px;
}

.polygon-ImpKont {

  height: 100%;
  background-color: #cc9968;
  /* Die Punkte definieren die Form: oben-links, oben-rechts, unten-rechts, unten-links */
  clip-path: polygon(10% 8%, 80% 2%, 98% 92%, 5% 95%);
	padding: 5px;
}

.polygon-ImpDat {

  height: 100%;
  background-color: #cc9968;
  /* Die Punkte definieren die Form: oben-links, oben-rechts, unten-rechts, unten-links */
  clip-path: polygon(5% 1%, 98% 0, 95% 99%, 5% 100%);
	padding: 5px;
}

.TextBox {
	color: white;
	justify-content: center;  /* Horizontal */
 	align-items: center;      /* Vertikal */

}