/* Alle SCREENS ---------------------------------------------------- */
input#off-canvas-menu {
  display: none;
}
#menu-button {
  display: none;
}
/*#baguetteBox-overlay .full-image figcaption {
  color: var(--white-color) !important;
  background-color: unset !important;
  font-family: var(--main-font) !important;
  bottom: auto !important;
}*/
/* SMALL SCREENS ---------------------------------------------------- */

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

/* nav.off-canvas-menu label.off-canvas-menu-label=========================================== */
	nav.tag.all { 
	display: none;/*#*/
		}
	nav input[type=checkbox] {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		display: block;
		cursor: pointer;
		}

	label.off-canvas-menu-label { 
		position: fixed; 
		top: 9rem;
		left: .5em;
		width: 3em; 
		height: 3em; 
		cursor: pointer; 
		z-index: 120; 
		/*transition: 0.5s;*/
		background: var(--text-color)!important;
		border-radius: 0.2em;
}

	label.off-canvas-menu-label:hover,
	input#off-canvas-menu[type=checkbox]:checked ~ label.off-canvas-menu-label{
		background: var(--text-color)!important;
		}
	label.off-canvas-menu-label span { 
		position: absolute; 
		top: 0.5em; 
		left: 0.5em; 
		width: 2em; 
		height: 2em; 
		transition: 0.5s; 
		}

	input#off-canvas-menu[type=checkbox]:checked ~ label.off-canvas-menu-label span {
		transform: rotate(90deg);
		}

	nav{
	    padding: 20px;
		width:  fit-content; 
	    left: 15px;
	    top: 75px;
        margin-right: 15px;
	    position: fixed;
	    height: auto;
	    /*min-height: 50vh;*/
		z-index: 105; 
		transform: translateX(-110%);
		transition: all 0.25s ease-in-out; 	
		background: var(--white-color); 
		border: 1px solid var(--border-color);
		box-shadow: var(--box-shadow);
		}
	input#off-canvas-menu[type=checkbox]:checked ~ nav{ 
		transition: all 0.25s ease-in-out; 
		transform: translateX(0);
		}
	#nav.all > ul li {
	    display: block;
	    position: relative;
	    border-bottom: 1px solid var(--border-color);
        border-right: 0px solid var(--border-color);
		}
	#nav li a {
	    display: block;
	    padding: 15px 20px;
	    font-size: calc(var(--nav-size) + 0.7rem);
	    /*text-decoration: none;
		border-top: 1px solid #fff; */
		}
	.menu-caret {
	    background:rgba(255,255,255,0.5) none repeat scroll 0 0;
	    border-radius: 17px;
	    cursor: pointer;
	    position: absolute;
	    display: block;
	    height: 36px;
	    width: 36px;
	    right: 10px;
	    top: 5px;
		}/**/
	.menu-caret.flip::before {
		transform: rotate(90deg);
		}
}
/* NORMAL SCREENS ---------------------------------------------------- */

@media only screen and (min-width: 768px) {
	
	label.off-canvas-menu-label span{ 
		display: none; 
		}
        ]