
/* -------------- Tiny MCE -------- */

.tox-editor-header {
	z-index: 500 !important;
	left: 100px !important;
}

.tox .tox-editor-header {
	z-index: 500 !important;
}
/* -------------------------------- */



@media (max-width: 400px) {
	.heading-block h2 {
		font-size: 1.75rem;
	}
}

@media (max-width: 320px) {
	.heading-block h2 {
		font-size: 1.5rem;
	}
}



#side-panel {
    box-shadow: inset 1em 0 0.3em -1em lightgray;
}

#wrapper
#top-bar,
#header {
	z-index:3;
}

.noborder {
	border: 0 !important;
}


.iconlist-checkmark li:before {
	content: '\e658';
	font-family: "font-icons";
	margin-right: 12px;
}


.iconlist-plus li:before {
	content: '\eb1f';
	font-family: "font-icons";
	margin-right: 12px;
}





/*

@font-face {
  font-family: 'Dream-of-Picasso-Regular';
    src:  url('/fonts/Dream-of-Picasso-Regular.ttf.woff') format('woff'),
    url('/fonts/Dream-of-Picasso-Regular.ttf.svg#Dream-of-Picasso-Regular') format('svg'),
    url('/fonts/Dream-of-Picasso-Regular.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'Picasso';
    src:  url('/fonts/Picasso.ttf') format('truetype'),
    font-weight: normal;
    font-style: normal;
}



.font--picasso {
	font-family: 'Picasso';
}

.font-picasso2 {
	font-family: 'Dream-of-Picasso-Regular';
}

*/
.sub-menu-container  .menu-link:hover { color: #c5a5ae; }


.body-overlay {
	display:none !important;
}


BODY.side-panel-open .side-panel-trigger .side-panel-closed {
	display: none !important;
}

BODY:not(side-panel-open) .side-panel-trigger .side-panel-closed {
	display: block !important;
}

BODY.side-panel-open .side-panel-trigger .side-panel-open {
	display: block !important;
}

BODY:not(side-panel-open) .side-panel-trigger .side-panel-open {
	display: none !important;
}
			



img.img-radius {
	border-radius:10px;
}

img.img-radius50 {
	border-radius:50% !important;
}


.img-thumbnail {
    padding: 0.25rem;
    background-color: #fff;
    border: 1px solid #dee2e6;
    border: 1px solid #c5a5ae;
    border-radius: 0.25rem;
    border-radius: 10px !important;
    max-width: 100%;
    height: auto;
}
.img-shadow {	
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
}


.btn-primary {
	color: #fff !important;
	background: var(--cnvs-themecolor) !important;
	border-color: var(--cnvs-themecolor) !important;
}

.btn-primary:hover {
	background: #fff !important;
	border-color: var(--cnvs-themecolor) !important;
	color: var(--cnvs-themecolor) !important;
}

.btn-secondary {
	color: #fff !important;
	background: #c5a5ae  !important;
	border-color: #c5a5ae !important;
}

.btn-secondary:hover {
	background: #fff !important;
	border-color: #c5a5ae !important;
	color: #c5a5ae !important;
}

#header {
	z-index:3;
}

#header.sticky-header #link_home {
	display:none;
}

#header.sticky-header #link_home_alt {
	display:block !important;
}

.notextshadow, .notextshadow * {
	text-shadow: none !important;
}


.page-menu-nav .page-menu-container {
	background-color: transparent;
}
	
#page-menu {
	text-shadow: none !important;
}

#page-menu:not(.sticky-page-menu) .page-menu-title {
	color: var(--cnvs-themecolor) !important;
}

.sticky-page-menu .page-menu-title a {
	color: #fff !important;
}

#page-menu:not(.sticky-page-menu) #page-menu-trigger,
#page-menu:not(.sticky-page-menu) .page-menu-item > a {
	color: var(--cnvs-themecolor) !important;
}

.list-group-item.active,
#page-menu:not(.sticky-page-menu) .page-menu-item:hover > a, 
#page-menu:not(.sticky-page-menu) .page-menu-item.current > a {
    background-color: #c5a5ae !important;
	color: #fff !important;
	border-color: #c5a5ae;
}
	
	
	#page-menu li.page--menu-item > a {
	  background-color: rgba(var(--menu-color), 0.5) !important;
	}

	#page-menu li.page-menu-item:hover > a,
	#page-menu li.page-menu-item.current > a {
	  background-color: rgba(var(--menu-color), 0.5) !important;
	}

	/* Farben pro Position */
	#page-menu li:nth-child(10n+1) { --menu-color: 192,108,108; }
	#page-menu li:nth-child(10n+2) { --menu-color: 181,101,118; }
	#page-menu li:nth-child(10n+3) { --menu-color: 167,93,93; }
	#page-menu li:nth-child(10n+4) { --menu-color: 141,90,90; }
	#page-menu li:nth-child(10n+5) { --menu-color: 154,106,138; }
	#page-menu li:nth-child(10n+6) { --menu-color: 127,79,108; }
	#page-menu li:nth-child(10n+7) { --menu-color: 195,142,180; }
	#page-menu li:nth-child(10n+8) { --menu-color: 162,103,105; }
	#page-menu li:nth-child(10n+9) { --menu-color: 139,94,131; }
	#page-menu li:nth-child(10n+10){ --menu-color: 111,78,55; }
		
		
	#page-menu li:nth-child(10n+1).page-menu-item:hover > a,
#page-menu li:nth-child(10n+1).page-menu-item.current > a {
  background-color: rgba(192, 108, 108, 0.5) !important;
}

#page-menu li:nth-child(10n+2).page-menu-item:hover > a,
#page-menu li:nth-child(10n+2).page-menu-item.current > a {
  background-color: rgba(181, 101, 118, 0.5) !important; /* gedecktes Rosé */
}

#page-menu li:nth-child(10n+3).page-menu-item:hover > a,
#page-menu li:nth-child(10n+3).page-menu-item.current > a {
  background-color: rgba(167, 93, 93, 0.5) !important; /* rötliches Braun */
}

#page-menu li:nth-child(10n+4).page-menu-item:hover > a,
#page-menu li:nth-child(10n+4).page-menu-item.current > a {
  background-color: rgba(141, 90, 90, 0.5) !important; /* erdiges Braunrot */
}

#page-menu li:nth-child(10n+5).page-menu-item:hover > a,
#page-menu li:nth-child(10n+5).page-menu-item.current > a {
  background-color: rgba(154, 106, 138, 0.5) !important; /* staubiges Violett */
}

#page-menu li:nth-child(10n+6).page-menu-item:hover > a,
#page-menu li:nth-child(10n+6).page-menu-item.current > a {
  background-color: rgba(127, 79, 108, 0.5) !important; /* dunkleres Mauve */
}

#page-menu li:nth-child(10n+7).page-menu-item:hover > a,
#page-menu li:nth-child(10n+7).page-menu-item.current > a {
  background-color: rgba(195, 142, 180, 0.5) !important; /* helles Pastellviolett */
}

#page-menu li:nth-child(10n+8).page-menu-item:hover > a,
#page-menu li:nth-child(10n+8).page-menu-item.current > a {
  background-color: rgba(162, 103, 105, 0.5) !important; /* warmes Ziegelrot */
}

#page-menu li:nth-child(10n+9).page-menu-item:hover > a,
#page-menu li:nth-child(10n+9).page-menu-item.current > a {
  background-color: rgba(139, 94, 131, 0.5) !important; /* gedecktes Beerenviolett */
}

#page-menu li:nth-child(10n+10).page-menu-item:hover > a,
#page-menu li:nth-child(10n+10).page-menu-item.current > a {
  background-color: rgba(111, 78, 55, 0.5) !important; /* weiches Braun */
}






DIV.button {
	cursor: default !important;
}


.white {
	color:#ffffff !important;
}


.sub-title .menu-container > .menu-item:hover > .menu-link span, .sub-title .menu-container > .menu-item.current > .menu-link span {
    color: #EEE !important;
}

.tox {
	z-index:1000;
}


b #footer,
#footer * {
	font-weight: normal !important;
}

#footer b {
	font-weight: bold !important;
}



.iconlist-check li:before {
	content: '\e98b';
	font-family: "font-icons";
	margin-right: 12px;
}

.iconlist-plus li:before {
	content: '\eb1f';
	font-family: "font-icons";
	margin-right: 12px;
}

.iconlist-chevron li:before {
	content: '\e99a';
	font-family: "font-icons";
	margin-right: 12px;
}

ul.iconlist-color0 li:before {
	color: var(--cnvs-themecolor) !important;
}

ul.iconlist-color li:before {
	color: #c5a5ae !important;
}


#ecs8WYSIWYG.showGuides .editImage,
#ecs8WYSIWYG.showGuides .editableText,
#ecs8WYSIWYG.showGuides .editableTextRoot,
#ecs8WYSIWYG.showGuides .editableFormat,
#ecs8WYSIWYG.showGuides .editableFull {
	border: 1px dashed red;
}


#ecs8WYSIWYG.showGuides .editImage[data-id^=img],
#ecs8WYSIWYG.showGuides .editableText[id^=tiny],
#ecs8WYSIWYG.showGuides .editableFull[id^=tiny] {
	border: 1px dashed green;
}


#ecs8WYSIWYG.showGuides .editableFull div.row div {
	border: 1px dotted gray;
}


BODY.ecs8 .mfp-bg,
BODY.ecs8 .mfp-wrap {
	width: calc(100% - 300px) !important;
}

