:root {
	--red: #CC0000;
	--pink: #f10e70;
	--pink_lighten_5: #fff3fd;
	--pink_lighten_2: #CC52A8;
	--pink_accent_3: #ff0a74; /* since V010. before: more reddish, slightly darker: #f50057; */
	/*--pink_accent_4: #CB0158; not used yet */
	--purple: #B30C81;
	--purple_lighten_2: #CC52A8;
	--deep_purple: #701170;
	--indigo: #3434AC;
	--indigo_lighten_2: #6B6AEB;
	/*--blue: ;*/
	--light_blue: #8C7BE6; 
	/*--cyan:;*/
	--cyan_darken_4: #00728C; /* aletrnatives: not so saturated #088AA8; blueish #137FB6*/;
	--cyan_darken_3: hsla(191, 100%, 28%, 0.8);
	--cyan_lighten_5: rgba(249, 251, 255, 1);
	--teal: #2D7F80;
	--teal_lighten_4: hsla(191, 80%, 40%, 0.4); /* --text_select */
	--teal_lighten_2: #2cbbad; /* since V016. used für button hover (same as materializecss default button hover) */
	--teal_lighten_1: #26a599; /* since V016. standard button idle */ 
	--teal_darken_2: #00706b; /* since V012. used on telsearch icon mouseover */ 
	--teal_accent_2: #00bda4; /* since V010. before: a little bit more yellow #00bfa5 */ 
	--teal_accent_3: #00bda4; /* since V010. before: a little bit more yellow #00bfa5 */
	--teal_accent_4: #007f80; /* since V012. approx same visual brightness and hue as --teal, but fully saturated */   
	--green: #36B33A;
	--green_darken_4: #29662B;
	--green_accent_3: #14e18f; /* etwas zu viel gelb #16da6d; */
	--light_green: #77BF13;
	--lime: #61EB99;
	/*--yellow:;*/
	--yellow_lighten_4: #f7f7cf; /* for notes post-it */
	/*--amber:;*/
	--amber_lighten_5: #fffbf0; /* since V011; before #fff8e1 */;
	--amber_lighten_2: #ffd54f;
	/*--orange:;*/
	/*--deep_orange:;*/
	--brown: #795548;  /* standard; user for postit text color */
	/*--grey:;*/
	--grey_lighten_1: #cccccc; /* V016: used for calculated values in input fields */ 
	--grey_lighten_2: #e0e0e0;
	--grey_lighten_3: #eeeeee;
	--grey_lighten_4: #f5f5f5;
	--grey_lighten_5: #fafafa;
	--blue_grey: #626486;

	--positive: var(--green_accent_3);
	/*--info: var();*/
	--negative: var(--pink); 
	--background: var(--cyan_lighten_5);
	--text: rgba(0,0,0,0.87);
	--text_select: var(--teal_lighten_4);
	--active: rgba(0,0,0,0.1);

	--scrolljump: 24px;
}

.red { background-color: var(--red) !important; }
.pink { background-color: var(--pink) !important; }
.pink.lighten-2 { background-color: var(--pink_lighten_2) !important; }
.pink.accent-3 { background-color: var(--pink_accent_3) !important; }
.purple { background-color: var(--purple) !important; }
.deep-purple { background-color: var(--deep_purple) !important; }
.indigo { background-color: var(--indigo) !important; }
.indigo.lighten-2 { background-color: var(--indigo_lighten_2) !important; }
/*.blue { background-color: var(--blue) !important; }*/
.light-blue { background-color: var(--light_blue) !important; }
/*.cyan { background-color: var(--cyan) !important; }*/
.cyan.darken-4 { background-color: var(--cyan_darken_4) !important; }
.cyan.lighten-5 { background-color: var(--cyan_lighten_5) !important; }
.teal { background-color: var(--teal) !important; }
.green { background-color: var(--green) !important; }
.green.darken-4 { background-color: var(--green_darken_4) !important; }
.light-green { background-color: var(--light_green) !important; }
.lime { background-color: var(--lime) !important; }
/*.yellow { background-color: var(--yellow) !important; }*/
.yellow.lighten-4 {background-color: var(--yellow_lighten_4) !important; }
/*.amber { background-color: var(--amber) !important; }*/
/*.orange { background-color: var(--orange) !important; }*/
/*.deep-orange { background-color: var(--deep_orange) !important; }*/
/*.brown { background-color: var(--brown) !important; }*/
/*.grey { background-color: var(--grey) !important; }*/
.grey.lighten-3 { background-color: var(--grey_lighten_3) !important; }
.grey.lighten-4 { background-color: var(--grey_lighten_4) !important; }
.grey.lighten-5 { background-color: var(--grey_lighten_5) !important; }
/*.grey { background-color: var(--grey) !important; }*/
.blue-grey { background-color: var(--blue_grey) !important; }

body {
	margin: 4em 15%;
	font-family: ITCOfficinaSans, OfficinaSansStd;
	line-height: 1.4em;
	letter-spacing: 0.003em;
}
h2 {
	font-size: 1.1em;
	font-weight: bold;
	color: var(--cyan_darken_4);
}
h3 {
	font-size: 1.04em;
	color: var(--cyan_darken_4);
}
h4 {
	margin: 0;
	margin-top: 2.1em;
}
p {
	margin: 0;
	margin-top: 0.7em;
}
a, a:link {
	text-decoration: none;
	color: var(--teal_accent_3);
	cursor: pointer;
}
a:hover, a:active {
	text-decoration: underline;
} 
ol, ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
h1 + ul, 
h2 + ul, 
h3 + ul, 
h4 + ul, 
h5 + ul {
    margin-top: 0.7em;
}
ul > li::before {
	content: "- ";
	position: absolute;
	margin-left: -0.6em;
}
ol > li {
    list-style-type: decimal-leading-zero;
}
pre {
	background-color: var(--grey_lighten_4);
	padding: 0.5em 1em;
  padding-top: 0.3em;
	margin: 0;
	margin-top: 0.25em;
	overflow: scroll;
	line-height: 1.2em
}
code {
	background-color: var(--grey_lighten_3);
	padding: 1px 3px;
}
input:not([type]),
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search], textarea.materialize-textarea {
	height: 2em
}
.spin {
	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0nMS4wJyBlbmNvZGluZz0ndXRmLTgnPz48c3ZnIHdpZHRoPSc2NHB4JyBoZWlnaHQ9JzY0cHgnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zycgdmlld0JveD0nMCAwIDEwMCAxMDAnIHByZXNlcnZlQXNwZWN0UmF0aW89J3hNaWRZTWlkJyBjbGFzcz0ndWlsLXNwaW4nPjxyZWN0IHg9JzAnIHk9JzAnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJyBmaWxsPSdub25lJyBjbGFzcz0nYmsnPjwvcmVjdD48ZyB0cmFuc2Zvcm09J3RyYW5zbGF0ZSg1MCA1MCknPjxnIHRyYW5zZm9ybT0ncm90YXRlKDApIHRyYW5zbGF0ZSgzNCAwKSc+PGNpcmNsZSBjeD0nMCcgY3k9JzAnIHI9JzQnIGZpbGw9JyMwMDcyOEMnPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwLjEnIGJlZ2luPSctMS4wNXMnIGR1cj0nMS4ycycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnPjwvYW5pbWF0ZT48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSd0cmFuc2Zvcm0nIHR5cGU9J3NjYWxlJyBmcm9tPSczJyB0bz0nMScgYmVnaW49Jy0xLjA1cycgZHVyPScxLjJzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZSc+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvZz48ZyB0cmFuc2Zvcm09J3JvdGF0ZSg0NSkgdHJhbnNsYXRlKDM0IDApJz48Y2lyY2xlIGN4PScwJyBjeT0nMCcgcj0nNCcgZmlsbD0nIzAwNzI4Qyc+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAuMScgYmVnaW49Jy0wLjg5cycgZHVyPScxLjJzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZSc+PC9hbmltYXRlPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9J3RyYW5zZm9ybScgdHlwZT0nc2NhbGUnIGZyb209JzMnIHRvPScxJyBiZWdpbj0nLTAuODlzJyBkdXI9JzEuMnMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJz48L2FuaW1hdGVUcmFuc2Zvcm0+PC9jaXJjbGU+PC9nPjxnIHRyYW5zZm9ybT0ncm90YXRlKDkwKSB0cmFuc2xhdGUoMzQgMCknPjxjaXJjbGUgY3g9JzAnIGN5PScwJyByPSc0JyBmaWxsPScjMDA3MjhDJz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMC4xJyBiZWdpbj0nLTAuNzVzJyBkdXI9JzEuMnMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJz48L2FuaW1hdGU+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0ndHJhbnNmb3JtJyB0eXBlPSdzY2FsZScgZnJvbT0nMycgdG89JzEnIGJlZ2luPSctMC43NXMnIGR1cj0nMS4ycycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnPjwvYW5pbWF0ZVRyYW5zZm9ybT48L2NpcmNsZT48L2c+PGcgdHJhbnNmb3JtPSdyb3RhdGUoMTM1KSB0cmFuc2xhdGUoMzQgMCknPjxjaXJjbGUgY3g9JzAnIGN5PScwJyByPSc0JyBmaWxsPScjMDA3MjhDJz48YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSdvcGFjaXR5JyBmcm9tPScxJyB0bz0nMC4xJyBiZWdpbj0nLTAuNnMnIGR1cj0nMS4ycycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnPjwvYW5pbWF0ZT48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSd0cmFuc2Zvcm0nIHR5cGU9J3NjYWxlJyBmcm9tPSczJyB0bz0nMScgYmVnaW49Jy0wLjZzJyBkdXI9JzEuMnMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJz48L2FuaW1hdGVUcmFuc2Zvcm0+PC9jaXJjbGU+PC9nPjxnIHRyYW5zZm9ybT0ncm90YXRlKDE4MCkgdHJhbnNsYXRlKDM0IDApJz48Y2lyY2xlIGN4PScwJyBjeT0nMCcgcj0nNCcgZmlsbD0nIzAwNzI4Qyc+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAuMScgYmVnaW49Jy0wLjQ0cycgZHVyPScxLjJzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZSc+PC9hbmltYXRlPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZU5hbWU9J3RyYW5zZm9ybScgdHlwZT0nc2NhbGUnIGZyb209JzMnIHRvPScxJyBiZWdpbj0nLTAuNDRzJyBkdXI9JzEuMnMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJz48L2FuaW1hdGVUcmFuc2Zvcm0+PC9jaXJjbGU+PC9nPjxnIHRyYW5zZm9ybT0ncm90YXRlKDIyNSkgdHJhbnNsYXRlKDM0IDApJz48Y2lyY2xlIGN4PScwJyBjeT0nMCcgcj0nNCcgZmlsbD0nIzAwNzI4Qyc+PGFuaW1hdGUgYXR0cmlidXRlTmFtZT0nb3BhY2l0eScgZnJvbT0nMScgdG89JzAuMScgYmVnaW49Jy0wLjNzJyBkdXI9JzEuMnMnIHJlcGVhdENvdW50PSdpbmRlZmluaXRlJz48L2FuaW1hdGU+PGFuaW1hdGVUcmFuc2Zvcm0gYXR0cmlidXRlTmFtZT0ndHJhbnNmb3JtJyB0eXBlPSdzY2FsZScgZnJvbT0nMycgdG89JzEnIGJlZ2luPSctMC4zcycgZHVyPScxLjJzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZSc+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvZz48ZyB0cmFuc2Zvcm09J3JvdGF0ZSgyNzApIHRyYW5zbGF0ZSgzNCAwKSc+PGNpcmNsZSBjeD0nMCcgY3k9JzAnIHI9JzQnIGZpbGw9JyMwMDcyOEMnPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwLjEnIGJlZ2luPSctMC4xNXMnIGR1cj0nMS4ycycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnPjwvYW5pbWF0ZT48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSd0cmFuc2Zvcm0nIHR5cGU9J3NjYWxlJyBmcm9tPSczJyB0bz0nMScgYmVnaW49Jy0wLjE1cycgZHVyPScxLjJzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZSc+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvZz48ZyB0cmFuc2Zvcm09J3JvdGF0ZSgzMTUpIHRyYW5zbGF0ZSgzNCAwKSc+PGNpcmNsZSBjeD0nMCcgY3k9JzAnIHI9JzQnIGZpbGw9JyMwMDcyOEMnPjxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9J29wYWNpdHknIGZyb209JzEnIHRvPScwLjEnIGJlZ2luPSctMHMnIGR1cj0nMS4ycycgcmVwZWF0Q291bnQ9J2luZGVmaW5pdGUnPjwvYW5pbWF0ZT48YW5pbWF0ZVRyYW5zZm9ybSBhdHRyaWJ1dGVOYW1lPSd0cmFuc2Zvcm0nIHR5cGU9J3NjYWxlJyBmcm9tPSczJyB0bz0nMScgYmVnaW49Jy0wcycgZHVyPScxLjJzJyByZXBlYXRDb3VudD0naW5kZWZpbml0ZSc+PC9hbmltYXRlVHJhbnNmb3JtPjwvY2lyY2xlPjwvZz48L2c+PC9zdmc+);
	background-size: 2em;
	background-repeat: no-repeat;
	background-position: 19% 19%;
	color: transparent !important;
}
iframe.n3xt-embed {
	/*transition: background-image 2s;*/
}

/* =============================================== */
/* definitions for foldable headings               */ 

.n3ui-foldable-wrapper
.n3ui-headings-foldable h1, 
.n3ui-headings-foldable h2, 
.n3ui-headings-foldable h3, 
.n3ui-headings-foldable h4, 
.n3ui-headings-foldable h5, 
.n3ui-headings-foldable h6 {
 
} 

.n3ui-headings-foldable h3::before, 
h3.foldable::before {
	content: ">";
	color: transparent;
	position: absolute;
	width: 1.5em;
	margin-left: -2em;
	margin-top: 0.2em;
	border-top: 0.15em solid var(--cyan_darken_4);
}
.n3ui-headings-foldable .n3ui-foldable-controls {
	position: absolute;
	margin-left: -1.1em;
	width: 0em;
	text-align: right;
	padding: 0 0.3em;
	white-space: nowrap;
	overflow: hidden;
	opacity: 0;
	background-color: var(--grey_lighten_4);
	line-height: 0.8em;
	border-top: 0.1em solid white;
	transition: width 0.7s 0.3s cubic-bezier(0, 0, 0, 1), margin-left 0.7s 0.3s cubic-bezier(0, 0, 0, 1), opacity 0.7s, background-color 0.3s;;
}
.n3ui-headings-foldable .n3ui-foldable-wrapper:hover .n3ui-foldable-controls {
	width: 3.8em;
	margin-left: -5em;
	opacity: 1;
}
.n3ui-headings-foldable .n3ui-foldable-controls:hover {
	background-color: black;
}
i.n3ui-icon {
    display: none;
    width: 0.5em;
    overflow: hidden;
    font-style: normal;
}
.n3ui-headings-foldable i.n3ui-icon.fold-this {
	font-size: 1em;
	width: auto;
	color: transparent;
	display: inline-block;
}
.n3ui-headings-foldable i.n3ui-icon.fold-this:before {
	content: "▾";
  font-size: 1.6em !important;
  color: white;
  vertical-align: text-bottom;
}

}