/* Off Canvas Menu for Mobile Devices */

.navbar-collapse {
	@media(max-width:991px){
		display:none;
	}
}

.off-canvas {
	-webkit-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	-moz-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	-ms-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	-o-transition: all .45s cubic-bezier(.3, 0, .15, 1);
	transition: all .45s cubic-bezier(.3, 0, .15, 1);
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	width:300px;
	width: 30rem;
	background: #262626 none repeat scroll 0 0;
	position: fixed;
	top: 0;
	bottom: 0;
	display: none;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
	z-index: 8000;
}

.off-canvas.is-left {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
    left: 0;
}

.off-canvas.is-right {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -o-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%);
    right: 0;
}

.off-canvas.is-active {
	display: block;
}

.off-canvas.is-open {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.off-canvas.is-full-screen {
    width: 100%;
}

.off-canvas.no-transitions {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}

.off-canvas .buttons-off-canvas {
    display: block;
}

.off-canvas .close-off-canvas {
    padding: 2px 10px 2px 10px;
    padding: .2rem 1.0rem .2rem 1.0rem;
    line-height: 38px;
    line-height: 3.8rem;
    background-color: #A89780;
    background-image: -ms-linear-gradient(top, #A89780, #95816D);
    background-image: linear-gradient(to bottom, #A89780 0%, #95816D 100%);
    display: block;
    color: #262626;
    font-weight: bold;
    cursor: pointer;
}

.off-canvas .close-off-canvas:after {
    content: "";
    display: table;
    clear: both;
}
.off-canvas .close-off-canvas .icon-arrow-left {
    margin: 0px 10px 0px 0px;
    margin: 0rem 1.0rem 0rem 0rem;
    font-size: 11px;
    font-size: 1.6rem;
}
.off-canvas .link-go-main {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 10px 10px 10px 10px;
    padding: 1.0rem 1.0rem 1.0rem 1.0rem;
    height: 42px;
    height: 4.2rem;
    font-weight: 700;
    display: block;
    width: 100%;
    color:#fff;
}
.off-canvas .link-go-main .icon-menu {
    font-size: 20px;
    font-size: 2.0rem;
    margin-right: 10px;
    margin-right: 1.0rem;
    float: left;
}
.off-canvas .link-go-main .glyphicon-chevron-left {
    font-size:14px;
}
.off-canvas .sidebar-navigation .navigation-link {
    padding: 2px 10px 2px 10px;
    padding: .2rem 1.0rem .2rem 1.0rem;
    line-height: 38px;
    line-height: 3.8rem;
}
.off-canvas .sidebar-navigation .navigation-link .is-icon-right {
    margin-top: 0
}
.off-canvas .sidebar-navigation .navigation-link .is-icon-left {
    margin: 0px 10px 0px 0px;
    margin: 0rem 1.0rem 0rem 0rem;
    float: left;
}
.buttons-off-canvas {
    display: none;
}
.page-wrap {
    -webkit-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
    -moz-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
    -ms-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
    -o-transition: left 400ms cubic-bezier(.16, .04, .14, 1);
    transition: left 400ms cubic-bezier(.16, .04, .14, 1);
    position: relative;
    left: 0;
}
.navigation-list {
	list-style: outside none none;
	padding:0;
}
.navigation-smartphone .navigation-entry {
    padding: 12px 10px 12px 10px;
    padding: 1.2rem 1.0rem 1.2rem 1.0rem;
    background: #262626;
}
.navigation-smartphone .navigation-link {
    display: block;
}
.navigation-smartphone .entry-close-off-canvas {
    padding: 2px 10px 2px 10px;
    padding: .2rem 1.0rem .2rem 1.0rem;
    line-height: 38px;
    line-height: 3.8rem;
    background-color: #A89780;
    background-image: -ms-linear-gradient(top, #A89780, #95816D);
    background-image: linear-gradient(to bottom, #A89780 0%, #95816D 100%)
}
.navigation-smartphone .entry-close-off-canvas .navigation-link {
    font-size: 14px;
    font-size: 1.4rem;
    color: #eee;
    font-weight: bold
}
.navigation-smartphone .entry-close-off-canvas .navigation-link:after {
    content: "";
    display: table;
    clear: both;
}
.navigation-smartphone .entry-close-off-canvas .navigation-link:active {
    color: #eee;
}
.navigation-smartphone .entry-close-off-canvas .icon-arrow-right {
    margin: 12px 0px 0px 0px;
    margin: 1.2rem 0rem 0rem 0rem;
    font-size: 11px;
    font-size: 1.1rem;
    float: right;
}
.navigation-headline,
.sidebar-navigation {
    margin: 0px 10px 0px 10px;
    margin: 0rem 1.0rem 0rem 1.0rem;
}
.navigation-headline {
    padding: 6px 10px 6px 10px;
    padding: .6rem 1.0rem .6rem 1.0rem;
    margin: 0px;
    line-height: 26px;
    line-height: 2.6rem;
    color: #333;
    font-weight: 700;
    font-size: 1em;
    background-color: #eee;
}
.sidebar-navigation {
    background-clip: padding-box;
    background: #262626;
    border-style:solid;
    border-width:1px;
    border-color:#eee transparent;
    margin:0px;
    margin:0rem;
}
.sidebar-navigation .navigation-entry {
    border-bottom: 1px solid #eee;
}
.sidebar-navigation .navigation-entry:last-child {
    border-bottom: 0 none;
}
.sidebar-navigation .navigation-link {
    color: #fff;
    display:block;
    overflow: hidden;
    text-overflow: ellipsis;
    position:relative;
}


body > .sidebar-main {
    padding-bottom: 20px;
    padding-bottom: 2.0rem;
    border-right: #777;
}
body > .sidebar-main:after {
    content: "";
    display: table;
    clear: both;
}
.sidebar-main.off-canvas {
    background: url(../gfx/bg-chalk.jpg);
}

#bg {
	z-index:auto !important;
}

.js-overlay {
    -webkit-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
    -moz-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
    -ms-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
    -o-transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
    transition: opacity 0.45s cubic-bezier(.3, 0, .15, 1), visibility 0.45s linear;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -moz-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    opacity: .01;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5000;
    visibility: hidden;
}
.js-overlay.is-open {
    -webkit-transition-delay: 0;
    -moz-transition-delay: 0;
    -ms-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    opacity: 1;
    visibility: visible;
}
.js-overlay.is-closable {
    cursor: pointer;
}

.offcanvas-overlay {
    width: 280px;
    width: 30rem;
    top: 42px;
    top: 4.2rem;
    background: url(../gfx/bg-chalk.jpg);
    position: absolute;
    overflow-x: hidden;
    overflow-y: auto;
    left: 0;
    padding: 0;
    z-index: 1200;
    bottom: 0;
}
.offcanvas-overlay.background {
    z-index: 1100;
}
.offcanvas-overlay .overlay-headline {
    margin-bottom: 10px;
    margin-bottom: 1.0rem;
    border-bottom: 1px solid #777;
    width: 100%;
    background: #262626;
}
.offcanvas-overlay .overlay-category {
    margin: 6px 10px 6px 10px;
    margin: .6rem 1.0rem .6rem 1.0rem;
    line-height: 26px;
    line-height: 2.6rem;
}
.offcanvas-overlay .overlay-category .category-headline {
    font-size: 14px;
    font-size: 1.4rem;
    color: #333;
    margin: 0;
    padding: 0;
    font-weight: 700;
}
.offcanvas-overlay .is-icon-left {
    margin-top: 5px;
    margin-top: .5rem;
    margin-right: 5px;
    margin-right: .5rem;
    font-size: 10px;
    font-size: 1.0rem;
    display: inline-block;
}
.offcanvas-overlay .is-icon-right {
    margin-top: 5px;
    margin-top: .5rem;
    font-size: 10px;
    font-size: 1.0rem;
    display: inline-block;
    float: right;
}
.offcanvas-overlay .is-back-button {
    font-weight: bold;
}
.offcanvas-overlay .is-display-button {
    color: #A89780;
    font-weight: bold
}

.off-canvas .glyphicon-repeat {
	background: #262626;
	position: absolute;	
	top: 50%;
	right: 0.5em;
	font-size:1.2em;
	margin-top:-0.6em;
}
.off-canvas .glyphicon-repeat {
	-webkit-animation: cat-loading .5s ease infinite;
	animation: cat-loading .5s ease infinite;
}
@-webkit-keyframes cat-loading {
	0% 		{-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); }
	25% 	{-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
	50% 	{-moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
	75% 	{-moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
	100% 	{-moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
}
@keyframes cat-loading {
	0% 		{-moz-transform:rotate(0deg); -ms-transform:rotate(0deg); -webkit-transform:rotate(0deg); transform:rotate(0deg); }
	25% 	{-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -webkit-transform:rotate(45deg); transform:rotate(45deg); }
	50% 	{-moz-transform:rotate(90deg); -ms-transform:rotate(90deg); -webkit-transform:rotate(90deg); transform:rotate(90deg);}
	75% 	{-moz-transform:rotate(135deg); -ms-transform:rotate(135deg); -webkit-transform:rotate(135deg); transform:rotate(135deg);}
	100% 	{-moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -webkit-transform:rotate(180deg); transform:rotate(180deg);}
}

.sidebar-main {
    display: none;
}
.sidebar-main.is-active {
    display: block;
}
@media screen and (min-width: 48em) {
	.sidebar-main {
        width: 230px;
        width: 23.0rem;
        margin: 0px 0px 0px 0px;
        margin: 0rem 0rem 0rem 0rem;
        padding-top: 30px;
        padding-top: 3rem;
        display: none;
        float: left
    }
	.sidebar-main .mobile-switches,
    .sidebar-main .navigation-smartphone {
        display: none;
    }
    
    .sidebar-main .sidebar-categories-wrapper {
        display: block;
    }
}

@media screen and (min-width: 78.75em) {
    .sidebar-main {
        padding-top: 45px;
        padding-top: 4.5rem;
        display: none;
    }
    .sidebar-main.is-active {
	    display: none;
	}
    .sidebar-main.off-canvas {
        position: relative;
        top: 0;
        left: 0;
        z-index: 1000;
    }
}


@media (max-width:991px) {
	/* Smartphone-Variante */
	.navbar-collapse {
		display:none;
	}
}
@media (min-width:992px) {
	header .navbar					{border:none; bottom:5px; box-shadow:none; margin-bottom:0; position:absolute;}
	.navbar-default					{background-image:none; background-color:transparent;}
	.navbar-nav .caret {
    	display: inline-block;
	}
	.navbar-nav .open ul {
		display: none;
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #555;
		background: none;
	}
	.navbar-inverse .navbar-nav > .open > a,
	.navbar-inverse .navbar-nav > .open > a:hover,
	.navbar-inverse .navbar-nav > .open > a:focus,
	.navbar-inverse .navbar-nav > .active > a,
	.navbar-inverse .navbar-nav > .active > a:hover,
	.navbar-inverse .navbar-nav > .active > a:focus {
		color: #969696;
		background: none;
	}
	.navbar-default .navbar-nav > .hovernav > a {
		color: #555;
	}
	.navbar-inverse .navbar-nav > .hovernav > a {
		color: #969696;
	}
	.navbar-default .navbar-nav > .hovernav:hover > a,
	.navbar-default .navbar-nav > .hovernav:hover > a:hover,
	.navbar-default .navbar-nav > .hovernav:hover > a:focus {
		color: #333;
		background: transparent;
	}
	.navbar-inverse .navbar-nav > .hovernav:hover > a,
	.navbar-inverse .navbar-nav > .hovernav:hover > a:hover,
	.navbar-inverse .navbar-nav > .hovernav:hover > a:focus {
		color: #fff;
		background: transparent;
	}
	.navbar-default .navbar-nav > li:hover {
		background: #e7e7e7;
	}
	.navbar-inverse .navbar-nav > li:hover {
		background: #080808;
	}
	.navbar-nav .hovernav:hover > .dropdown-menu {
		display: block;
	}
}



/* Scrollen bei ausgeklappten Menü deaktivieren */
.no--scroll,
.no--scroll body {
	overflow:hidden;
	height:100%;
	margin:0;
}


/* Button für Tablet anzeigen */
@media (min-width:768px) and (max-width:991px) {
	.navbar-toggle {
		display:block;
	}
}