@charset "utf-8";
/* CSS Document */
@media only screen and (max-width: 600px) {
}
 @import url('https://fonts.googleapis.com/css?family=Libre+Baskerville');
@import url('https://fonts.googleapis.com/css?family=Arbutus+Slab');
@import url('https://fonts.googleapis.com/css?family=Lato');
body {
	background-image: url(Grafik/wellegelb-01-01.png)/*-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(150,150,150,1)), color-stop(29%, rgba(255,238,143,1)), color-stop(44%, rgba(255,255,255,1)), color-stop(60%, rgba(255,255,255,1)), color-stop(75%, rgba(255,238,143,1)), color-stop(100%, rgba(173,173,173,1))); /* safari4+,chrome   -webkit-linear-gradient(-90.5650511771deg, rgba(255,229,154,1) 0, rgba(255,229,154,1) 25%, #fff 49%, rgba(255,229,154,1) 75%, rgba(255,229,154,1) 100%)*/;
	background-size: auto /*100%*/;
	background-repeat: repeat-y /*no-repeat*/;
	background-position: 70px top /*100% 100%*/;
	box-sizing: border-box;
	background-attachment: scroll /*fixed*/;
	position: relative;
	line-height: 1.5;
	background-color: rgba(255, 242, 154, 0.12);
	overflow: visible;
}
.col-7{
	margin-bottom: 3em;
	margin-top:100px;
}
.logo {
	font-size: 30px;
	font-family: 'Libre Baskerville', serif;
	margin-left: 150px;
	position: fixed;
	text-align: center;
	font-style: italic;
	text-decoration: none;
	z-index: 1;
}
.activelogo {
	background: url(Grafik/durchstrichengelb-12-12.png);
	background-size: 100%;
	background-position: center;
	background-repeat: no-repeat;
}
.grafiken {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.sidenav {
	font-family: 'Libre Baskerville', serif;
	height: 100%;
	width: 180px;
	position: fixed;
	z-index: 1;
	top: 39%;
	left: 0;
	overflow-x: hidden;
}
.col-9 {
	padding: 3em;
}
a:hover {
	color: #000;
	text-decoration: none;
}
.ideePunkte:hover {
	color: #000;
}
a {
	color: #000;
	cursor: url(Grafik/listenpunkt-05-05.png), auto;
}
.activesite {
	margin-bottom: 20px;
	margin-top: 20px;
	background: url(Grafik/durchstrichengelb-12-12.png);
	background-size: 100%;
	background-position: left;
	background-repeat: repeat-x;
}

#impressumspace {
	height: 10em;
}
.ideePunkte {
	border-image-repeat: stretch;
	border: 15px solid transparent;
	padding: 15px;
	border-image-source: url(Grafik/rahmen-03.png);
	border-image-slice: 30;
	border-image-width: 10px;
	margin-top: 2em;
	margin-bottom: 2em;
	cursor: url(Grafik/listenpunkt-05-05.png), auto;
	width: 300px;
	background-color: rgba(255, 242, 154, 0.12);
}
ul {
	list-style: circle;
}
.enter {
	border-image-repeat: stretch;
	border: 15px solid transparent;
	padding: 15px;
	border-image-source: url(Grafik/rahmen-03.png);
	border-image-slice: 30;
	border-image-width: 10px;
	margin-top: 150px;
	margin-bottom: 2em;
	width: 600px;
	background-color: rgba(255, 242, 154, 0.12);
}
.versal {
	font-family: 'Libre Baskerville', serif;
	font-size: 25px;
}
.klein {
	font-size: 20px;
	font-family: 'Lato', sans-serif;
	background-color: rgba(255, 242, 154, 0.12);
	width: 600px;
	border-radius: 15px;
	padding: 15px;
}
.beispiele{
	margin-top:50px;}
.carousel {
	width: 80%;
}
.beispielbilder{
	border-radius:15px;
	border-image-repeat: stretch;
	border: 12px solid transparent;
	border-image-source: url(Grafik/rahmen-03.png);
	border-image-slice: 30;
	border-image-width: 10px;
	}
img{

	}