@charset "utf-8";
/* CSS Document */

/* =========================== */
/* ======== Allgemein ======== */
/* =========================== */




/* =========================== */
/* ======== DIV Struktur ======== */
/* =========================== */
.wrapper {
	width:900px;
	margin:	auto;
}
/* =========================== */
/* ======== Head ============= */
/* =========================== */

.logo { 
	font-size:2.313em;
	font-weight:700;
}
.autor { 
	font-size:0.750em;
}
a.logo,
a.logo:hover,
a.logo:visited,
a.autor,
a.autor:hover,
a.autor:visited { 
	color:#000;
	text-decoration:none;
}

.header {
	border-bottom:1px #cdcdcd solid;
	padding:1.875em 0 1.625em;
	margin-bottom:1.375em;
}


/* =========================== */
/* ======== Menu ============= */
/* =========================== */

.menu { margin-bottom:1.250em; }
.menu ul { 
	list-style:none; 
	margin:0;
}

.menu ul li { padding:0; }

.menu li.level0 a, 
.menu li.level0 span, 
.menu li.level0 a:visited {
	text-decoration:none;
	color:#372d2a;
	padding-bottom:1.7em;
	cursor:default;
}

.menu li.level0:hover a,
.menu li.level0:hover span,
.menu li.level0 span.current,
.menu li.level0:active span,
.menu li.level0:hover span,
.menu li.level0 a:hover,
.menu li.level0 a:active,
.menu li.level0 a.current {
	text-decoration:none;
	color:#db202b;
}

.menu li.level0 {
	position:relative;
}
.menu li.level0 {
	font-size:1.125em;
	float:left;
	padding-right:1em;
	margin-right:1em;
	border-right:1px solid #372d2a;
}

.menu li.level0.last { border:none; }

.menu li.level0:hover ul.level1,
.menu li.level0:active ul.level1 {
	display:block;
}

.menu ul.level1 {
	display:none;
	background-color:#000;
	padding:1em 1em 0;
	position:absolute;
	top:1.7em;
	left:0;
	width:200px;
	z-index:9999;
}
.menu ul.level1:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 8px 13px 8px;
	border-color: transparent transparent #000000 transparent;
	line-height: 0px;
	_border-color: #ffffff #ffffff #000000 #ffffff;
	_filter: progid:DXImageTransform.Microsoft.Chroma(color='#ffffff');
	position:absolute;
	top:-11px;
}

.menu li.level1 a { 
	width:100%; 
	display:block; 
	cursor:pointer;
} 

.menu li.level1 a:link, 
.menu li.level1 a:visited {
	text-decoration:none;
	color:#b5b5b5;
	font-size:0.889em;
	padding-bottom:1em;
}

.menu li.level1 a:hover,
.menu li.level1 a:active,
.menu li.level1 a:focus,
.menu li.level1 a.current {
	text-decoration:none;
	color:#FFF;
}

.breadcrumbs li {
	float:left;
	margin-right:0.9em;
	text-transform: capitalize;
}

.breadcrumbs li:before { content:"» "; }
.breadcrumbs li:first-child:before { display:none; }

/* =========================== */
/* ======== Grafikteaser ===== */
/* =========================== */

.jcarousel {
    position: relative;
    overflow: hidden;
	margin-bottom:1em;
}

.jcarousel ul {
    width: 20000em;
    position: relative;
	list-style:none;
	margin:0;
}

.jcarousel li {
    float: left;
	padding:0;
}


.jcarousel-control-prev {
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:15%;
	height:100%;
}

.jcarousel-control-prev img {
	position:absolute;
	top:50%;
	left:10px;
	margin-top:-20px;
	opacity:0.5;
}

.jcarousel-control-prev:hover img {	opacity:1; }

.jcarousel-control-next {
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:15%;
	height:100%;
}

.jcarousel-control-next img {
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-20px;
	opacity:0.5;
}
.breadcrumbs ul { 
	list-style:none; 
	margin:0;
}

.breadcrumbs ul li { padding:0; }
.breadcrumbs  {
	font-size:0.866em;
	margin-bottom:2.5em;
}

.breadcrumbs a {
	text-decoration:none;
	color:#372d2a;
}

.breadcrumbs a:hover {
	text-decoration:underline;
	color:#db202b;
}

.jcarousel-control-next:hover img { opacity:1; }


/* =========================== */
/* ======== Content ========== */
/* =========================== */


/* =========================== */
/* ======== Footer Menu ====== */
/* =========================== */



.footer {
	font-size:0.750em;
	border-top:1px solid #cdcdcd;
	margin:4em 0 3em;
	padding:1em 0;
}

.footer ul, .footer span {
	float: left;
	list-style:none;
	margin:0;
	line-height:2em;
}

.footer li {
	float: left;
	padding:0;
}

.footer li a { color:#372d2a; }
.footer li a:hover { color:#db202b; }

.footer li:before { 
	content:"|"; 
	padding:0 10px;
}


.slicknav_menu {
	display:none;
    font-size: 22px;
    box-sizing: border-box;
    background: #fff;
    padding: 5px;
    margin-top: 30px;
}

.slicknav_nav {
	color: #372d2a;
    margin-bottom: 70px;	
     padding-top: 30px;
}

.slicknav_nav a,
.slicknav_nav a:hover,
.slicknav_nav a:visited {
	color: #372d2a;
	background-color: transparent;	
}


.slicknav_nav li.level0 {
	border-bottom: 1px solid #372d2a;
	padding: 10px 0 !important;
	text-transform: capitalize;	
}
.slicknav_nav li.level0.first {
	border-top: 1px solid #372d2a;
}

.slicknav_nav .slicknav_row:hover {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
    color: #db202b;
}

.slicknav_nav .slicknav_row:hover a {
	color: #db202b;
}

.slicknav_btn {
    padding: 10px 8px 8px;
}

.header {
	position: absolute;
	top: 0;
	border-bottom: none;	
}
.header {
	height: 50px;
}

/* =========================== */
/* ======== Sonstiges ======== */
/* =========================== */
.clearer { clear:both; }



/* =========================== */
/* ======== Responsive ======== */
/* =========================== */
@media (max-width: 900px) {
	.wrapper {
		width:auto;
		margin:0 15px;
	}
	.footer span { padding-right:2em; }
	.footer li:first-child:before {
		display:none;
	}
	.footer { padding-bottom:3em; }

}

/* =========================== */
/* ======== Desktop ======== */
/* =========================== */
@media (min-width: 851px) {
	.header {
		position: relative;
		top: 0;
	}
}

@media screen and (max-width: 850px) {
	/* #menu is the original menu */
	#menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}

	.wrapper {
		margin-top: -80px;
	}

}