@font-face { font-family: 'gillsans'; src: url('../font/gillsans.ttf') format('truetype'); }
@font-face { font-family: 'friz-quadrata'; src: url('../font/friz-quadrata.ttf') format('truetype'); }

* {
	padding: 0;
	margin: 0;
	font-family:Arial;
}

h1 {
	padding:25px 0;
	font-family: 'gillsans' !important;
}

h3{
	font-family: 'gillsans' !important;
	font-size:20px;
}

#inhalt p {
	font-family: 'friz-quadrata' !important;
}

body {
background-color:#ffffff;
}

#sidebar-left {
	background:url(../pics/left-sidebar.jpg);
	background-position: center bottom;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: fixed;
}

#footer {
	position:absolute;
	bottom:0;
	margin-bottom:-200px;
	font-size:12px;
	font-weight:bold;
	color:#000000;
	background-color:#ffffff;
	opacity:0.7;
}

a , a:visited, a:link{
    color:#9E2236 !important;
}

.inhalt {
	float:left;
	height:auto;
	
}

.logo {
	margin-top:25px;
	margin-bottom:25px;
}

.kreis {
	float:left;
    width:250px;
    height:250px;
    border: 2px solid #9D2236;
    border-radius: 126px;
	opacity:1;
	text-align:center;
	margin-right:15px;
	margin-top:15px;
	transition: all 0.5s ease-out;
}

.kreis  p{
	color:#9D2236;
	font-size:22px;
	margin-top:150px;
	background-color:#ffffff;
	opacity:0.7;
}

.kreis:hover {
	opacity:0.6;
	transition: all 0.5s ease-out;
}

/* Bilder der Kreise */
.aceto-balsamico { background: url(../pics/aceto-balsamico.jpg); }
.olivenoel { background: url(../pics/olivenoel.jpg); }
.pesto { background: url(../pics/pesto.jpg); }
.antipasti { background: url(../pics/antipasti.jpg); }
.antipasti-di-mare { background: url(../pics/antipasti-di-mare.jpg); }
.pasta { background: url(../pics/pasta.jpg); }
.risotto-reis { background: url(../pics/risotto-reis.jpg); }
.gebaeck-suess { background: url(../pics/gebaeck-suess.jpg); }
.gebaeck-herzhaft { background: url(../pics/gebaeck-herzhaft.jpg); }
.desserts { background: url(../pics/desserts.jpg); }
.tk-backwaren{ background: url(../pics/tk-backwaren.jpg); }
.weine { background: url(../pics/weine.jpg); }

.wadel {
	font-size:16px;
}

@media screen and (max-width: 767px) { 

#sidebar-left { display:none; }

.wadel {font-size: 13px;}

h1 {font-size:32px !important;}

.logo{width:100%; max-width:300px;}

}