/* 
	Styles that are loaded IN EVERY WEBSITE website but only in NO-editmode.
	The styles add usability- and styling-functionality to each page.
	If this functionality works also fine in editmode: Put it in global-styles-always.css!

	Load order: 
	1. Privacy Config
	2. jQuery + Colorbox
	3. Animation
	4. Extension-Styles
	5. font-awesome
	6. global-styles-always.css
	7. global-styles-no-editmode.css (if we are in no-editmode)
	8. Reseller-Styles
	9. Website-Styles
*/


/********************************************************* anchor-nav *********************************************************/

.cms_anav{
	list-style-type:none;
}
.cms_anav:not(.cms_anav_minimizable){
	margin: 30px 0;
}
	.cms_anav:not(.cms_anav_minimizable) li a{
		display: inline-block;
		padding: 3px 0;
	}
.cms_anav.cms_anav_minimizable{
	position: fixed; 
	top: 200px;
	right: 0;
	background-color: rgba(255,255,255,0.5);
	padding: 20px;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}
.cms_anav.cms_anav_minimizable.cms_anav_hide{
	right: -250px;
}
.cms_anav.cms_anav_minimizable.cms_anav_hide li{
	width: 1px;
}
	.cms_anav.cms_anav_minimizable li{
		padding: 0 20px;
		position: relative;
		width: 1px;
		overflow: hidden;
		-webkit-transition: all .5s ease;
		-moz-transition: all .5s ease;
		-ms-transition: all .5s ease;
		-o-transition: all .5s ease;
		transition: all .5s ease;
		white-space: nowrap;
		border:none;
	}	
	.cms_anav.cms_anav_minimizable.cms_anav_hover li,
	.cms_anav.cms_anav_minimizable.cms_anav_top li {
		width: 250px;
		padding: 0 0 0 20px;
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-ms-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border:none;
		
	}
		.cms_anav.cms_anav_minimizable li::before {
			content: " ";
			position: absolute;
			right: calc(100% - 23px);
			top: 50%;
			height: 1px;
			width: 40px;
			background: #444;
			transform: translateY(-50%);
			transition: color .2s linear,width .2s linear;
		}
		.cms_anav.cms_anav_minimizable.cms_anav_top li::before,
		.cms_anav.cms_anav_minimizable.cms_anav_hover li::before {
			width: 25px;
			transform: translateY(-50%) rotate(-68deg);
		}
		.cms_anav.cms_anav_minimizable li.cms_anav_focus::before{
			background: #ccc;
		}
		.cms_anav.cms_anav_minimizable li a {
			display: block;
			padding: 5px 0 5px 30px;
			text-decoration: none;
			font-size: 100%;
			color:#444!important;
			position:relative;
			border:none;
		}
		.cms_anav.cms_anav_minimizable li a:before {
			display: inline-block;
			position: absolute;
			right: 100%;
			bottom: 0;
			content: " ";
			width: 0;
			height: 0;
			border-bottom: 43px solid #444;
			border-left: 18px solid transparent;
			opacity: 0;
		}
		
		
		
/********************************************************* popupcontent *********************************************************/

.cms_popupcontent,
.cms_popupcontent_setcookie{
	display: none;
}
.cms_iframe_layer .cms_popupcontent,
.cms_iframe_layer .cms_popupcontent_setcookie{
	display: block;
}