/*
hell, hg #faf6ec-->white!
dunkler, #dfc88f
blau, hover #8fa6df
grün, darkseagreen
*/


/*for javascript control only***************************************************
is-toggler
is-preview
is-editor
is-editor is-shutter
is-clickable
the-enter
is-enter
the-escape
is-escape
 *******************************************************************************/


/*1.font***********************************************************************/

/*
zur Schrift
Gesamthöhe 18 px (8 px x-Höhe + 3 px Oberlänge + 3px Unterlänge + 4 px Durchschuss)
Vertikal mitte
18px * Zeilenanzahl + unten 2px

d.h.
bei Höhen vornehmlich gerade Zahlen

zur Farbe
grün #009E60 = Shamrock bzw. Irish Green, haben die in der Fahne
blau SteelBlue

 */

/*default font*****************************************************************/

/*regular*/
@font-face
{
	font-family: 'my-regular-font';
	src: url('./font/Montserrat/Montserrat-Regular.ttf') format('truetype');
}

/*italic*/
@font-face
{
	font-family: 'my-regular-italic-font';
	src: url('./font/Montserrat/Montserrat-RegularItalic.ttf') format('truetype');
}
@font-face
{
	font-family: 'my-regular-font';
	src: url('./font/Montserrat/Montserrat-RegularItalic.ttf') format('truetype');
	font-style: italic;
}

/*bold*/
@font-face
{
	font-family: 'my-bold-font';
	src: url('./font/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
}
@font-face
{
	font-family: 'my-regular-font';
	src: url('./font/Montserrat/Montserrat-SemiBold.ttf') format('truetype');
	font-weight: bold;
}

/*bold-italic*/
@font-face
{
	font-family: 'my-bold-italic-font';
	src: url('./font/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
}
@font-face
{
	font-family: 'my-regular-font';
	src: url('./font/Montserrat/Montserrat-SemiBoldItalic.ttf') format('truetype');
	font-weight: bold;
	font-style: italic;
}


/*autowidth*/
.is-global .is-auto-width:first-child:nth-last-child(1)
{
	width: 100%;
}
.is-global .is-auto-width:first-child:nth-last-child(2),
.is-global .is-auto-width:first-child:nth-last-child(2) ~ .is-auto-width
{
	width: 50%;
}
.is-global .is-auto-width:first-child:nth-last-child(3),
.is-global .is-auto-width:first-child:nth-last-child(3) ~ .is-auto-width
{
	width: 33.3333%;
}
.is-global .is-auto-width:first-child:nth-last-child(4),
.is-global .is-auto-width:first-child:nth-last-child(4) ~ .is-auto-width
{
	width: 25%;
}
.is-global .is-auto-width:first-child:nth-last-child(5),
.is-global .is-auto-width:first-child:nth-last-child(5) ~ .is-auto-width
{
	width: 20%;
}
.is-global .is-auto-width:first-child:nth-last-child(6),
.is-global .is-auto-width:first-child:nth-last-child(6) ~ .is-auto-width
{
	width: 16.6666%;
}
.is-global .is-auto-width:first-child:nth-last-child(7),
.is-global .is-auto-width:first-child:nth-last-child(7) ~ .is-auto-width
{
	width: 14.2857%;
}
.is-global .is-auto-width:first-child:nth-last-child(8),
.is-global .is-auto-width:first-child:nth-last-child(8) ~ .is-auto-width
{
	width: 12.5%;
}
.is-global .is-auto-width:first-child:nth-last-child(9),
.is-global .is-auto-width:first-child:nth-last-child(9) ~ .is-auto-width
{
	width: 11.1111%;
}
.is-global .is-auto-width:first-child:nth-last-child(10),
.is-global .is-auto-width:first-child:nth-last-child(10) ~ .is-auto-width
{
	width: 10%;
}

/*set global font and color*/
.is-global
{
	font-family: my-regular-font, sans-serif;
	font-size: 15px;
	line-height: 1.2em;
	background-color: white;
	color: black;
}

/*hide/show control*/
.is-global .is-hidden
{
	display: none;
}

/*clear*/
.is-global .is-clear-both
{
	clear: both;
}
@media screen and (max-width: 500px)
{
	.is-global .is-clear-both-when-small
	{
		clear: both;
	}
}

/*flow*/
.is-global .is-inline-block
{
	display: inline-block;
}

/*loading*/
.is-global #the-loading-box
{
	position: fixed;
	z-index: 5000;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background-image: url('./image/loading.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-color: rgba(0, 0, 0, .3);
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 1s linear;
}
.is-global.is-loading #the-loading-box
{
	visibility: visible;
	opacity: 1;
}
/*.is-global.is-first-loading #the-loading-box*/
/*{*/
/*	visibility: visible;*/
/*	opacity: 1;*/
/*	!*background-color: white;*!*/
/*}*/


/*responsive design++++++*************************************************/
.is-global .is-responsive section
{
	margin: 0 auto 0 auto;
	padding: 0 50px 0 50px;
	max-width: 1200px;
}
@media screen and (max-width: 1600px)
{
	.is-global .is-responsive section
	{
		padding: 0 5% 0 5%;
	}
}
/******************************************************************************/



/*search*/
.is-global #the-search-input
{
	width: calc(100% - 34px);
}
.is-global .is-empty-button
{
	display: none;
}
.is-global .is-search-result #the-search-input
{
	width: calc(100% - 68px);
}
.is-global .is-search-result .is-empty-button
{
	display: inline-block;
}


/*header*/
.is-global header
{
	position: sticky;
	top: 0;
	background-color: white;

	z-index: 4700;
}
.is-global header .is-caption
{
	font-size: 25px;
	line-height: 30px;
	padding: 27px 0px 0px 0px;
	white-space: nowrap;
}
.is-global header .is-claim
{
	padding: 0px 0px 27px 29px;
	white-space: nowrap;
}
.is-global header .is-icon
{
	float: left;
	padding: 34px 11px 0px 0px;
}
.is-global header .is-icon:before
{
	font-size: 17px;
}
/******************************************************************************/


/*menu navigation************************************************************/
.is-global #the-navigation
{
	background: rgba(255, 255, 255, 0.99);
	position: fixed;
	z-index: 4800;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 15px 0 15px 0;
	overflow: scroll
}
/* shutter */
.is-global #the-navigation .is-shutter
{
	font-size: 30px;
	float: right;
}
.is-global #the-navigation .is-shutter:hover
{
	color: black;

}
.is-global #the-navigation .is-menu-link
{
	font-size: 17px;
	padding: 15px 9px 15px 9px;
	/*border-bottom: dashed 1px silver;*/
}
/**/
.is-global #the-navigation .is-menu-link:hover h6
{
	color: black;
}


.is-global #the-navigation .is-menu-line
{
	font-size: 22px;
	line-height: 23px;
	margin: 8px 0 22px 0px;
	border-top: solid 1px black;
}


/******************************************************************************/


/******************************************************************************/
.is-global .is-triple-picture
{
	width: 100%;
	padding-top: 33.33%;
	background-color: lightslategrey;
}
.is-global .is-triple-picture div
{
	width: 33.33%;
	padding-top: 33.33%;
	background-repeat: no-repeat;
	background-size: contain;
	margin-top: -33.33%;
	float: right;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}
.is-global .is-triple-picture div:nth-child(1)
{
	float: right;
}
.is-global .is-triple-picture div:nth-child(2)
{
	float: left;
}
.is-global .is-triple-picture div:nth-child(3)
{
	float: left;
	margin: -33.33% auto 0 33.33%;
}
/******************************************************************************/

/******************************************************************************/
.is-global .is-picture-credit
{
	text-align: right;
	font-size: .8em;
	color: grey;
	text-transform: uppercase;
	padding: 6px 0 0 9px;
}
.is-global .is-editnews .is-picture-credit
{
	color: black;
	padding: 6px 0 0 0px;
}
.is-global .is-zzz-picture-legend
{
	padding: 5px 0 0 0;
}
/******************************************************************************/


.is-global footer .is-status
{
	padding: 6px 0px 42px 0px;
	font-size: .8em;
	color: silver;
	float: right;
	text-transform: uppercase;
}
.is-global footer .is-menu-link
{
	display: inline-block;
	padding: 3px 15px 3px 0px;
}

.is-global footer .is-menu-link:hover h6
{
	/*color: #8fa6df;*/
	/*color: darkseagreen;*/
	color: black;
}
.is-global footer .is-icon
{
	font-size: 30px;
}
.is-global footer .is-icon:before
{
	color: black;
}

/*flag*************************************************************************/
.is-global .is-flag-box
{
	white-space: nowrap;
	float: right;
	margin: 14px 0 0 0;
}
.is-global .is-flag-box .is-flag
{
	display: inline-block;
	border: solid 1px transparent;
	padding: 3px;
}
.is-global .is-flag-box .is-flag.is-active
{
	border: solid 1px lightslategrey;
}
.is-global .is-flag-box .is-flag .is-de
{
	/* ratio 3 : 5 */
	height: 22px;
	width: calc(22px / 3 * 5);
	background: #ff0000;
	border-top: solid calc(22px / 3) #000000;
	border-bottom: solid calc(22px / 3) #ffcc00;
}
.is-global .is-flag-box .is-flag .is-pl
{
	/* ratio 5 : 8 */
	height: 22px;
	width: calc(22px / 5 * 8);
	background: #ff0000;
	border-top: solid calc(22px / 2) white;
}
/******************************************************************************/


.is-global .is-teaser-anchor
{
	/*jump to anchor with this class will add 200px on the top*/
	width: 0;
	height: 160px;
	display: inline-block;
	position: relative;
	top: -200px;
	float: left;
	/*visibility: hidden;*/
}
.is-global .is-item-anchor
{
	/*jump to anchor with this class will add 200px on the top*/
	width: 0;
	height: 0px;
	display: inline-block;
	position: relative;
	top: -200px;
	/*float:left;*/
	/*visibility: hidden;*/
}


/*tab*/
.is-global .is-tab-box
{
	white-space: nowrap;
}
.is-global .is-tab-box .is-tab
{
	width: 100%;
	white-space: nowrap;
	padding: 9px 3% 7px 3%;
	margin: 0;
	border: 1px solid transparent;
	border-bottom: 1px solid silver;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
}
.is-global .is-tab-box .is-tab:hover
{
	border: 1px solid lightgrey;
	border-bottom: 1px solid silver;
}
.is-global .is-tab-box .is-tab.is-active
{
	border: 1px solid silver;
	border-bottom: 1px solid transparent;
}
.is-global .is-center
{
	text-align: center;
}

/*global**********************************************************************/

.is-global a.is-anchor
{
	/*jump to anchor with this class will add 200px on the top*/
	display: block;
	position: relative;
	top: -200px;
	visibility: hidden;
}

.is-global a:hover
{
	color: black;
}

.is-global h2
{
	font-size: 18px;
	line-height: 21px;
	margin: 0 0 6px 0;
}
.is-global h3
{
	margin: 0 0 0px 0;
	font-weight: bold;
}
.is-global .is-pencil
{
	float: right;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	font-size: 25px;
	padding: 11px 0 0 13px;
	color: white;
}
.is-global .is-pencil.is-off
{
	background-color: gainsboro;
}
.is-global .is-pencil.is-on
{
	background-color: #009E60;
}

.is-global input.is-underlined
{
	border: 1px transparent solid;
	padding: 4px 0 3px 0;
	border-bottom: 1px silver solid;
	width: 100%;
}
.is-global input[type=date].is-underlined
{
	padding: 2px 0 1px 0;
}
.is-global input[type=time].is-underlined
{
	padding: 2px 0 1px 0;
}
.is-global textarea.is-underlined
{
	border: 1px transparent solid;
	padding: 4px 0 4px 9px;
	border-left: 1px silver solid;
	width: 100%;
	height: 100px;
}
.is-global .is-underlined.is-media-input
{
	width: calc(100% - 315px);
}


/*select*/
.is-global select.is-underlined
{
	/* Removes the default <select> styling */
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-image: url('./image/pointer.png');
	background-repeat: no-repeat;

	font-family: my-regular-font, sans-serif;
	font-size: 15px;
	line-height: 1.2em;
	color: black;
	border: 1px transparent solid;
	margin: 0;
	border-bottom: 1px silver solid;
	max-width: 100%;

	/* pointer right*/
	/*padding: 2px 25px 4px 0;*/
	/*background-position: right;*/

	/* pointer left*/
	padding: 2px 25px 4px 27px;
	background-position: left;
}

/*button**********************************************************************/

.is-global button.is-round
{
	border-radius: 13px;
	padding: 2px 11px 3px 11px;
	background-color: white;
	color: black;
	border: solid 1px #454A4F;
}
.is-global button.is-round.is-clicked,
.is-global button.is-circle.is-clicked
{
	background-color: lightslategrey;
	border-color: lightslategrey;
	color: white;
}
.is-global button.is-round.is-prime
{
	background-color: #454A4F;
	border-color: #454A4F;
	color: white;
}
.is-global button.is-round.is-prime.is-clicked
{
	background-color: lightslategrey;
	border-color: lightslategrey;
}


.is-global button.is-round.is-switch.is-on
{
	background-color: #009E60;
	border: 1px #009E60 solid;
	color: white;
}

.is-global button.is-round.is-switch.is-switchable.is-on.is-clicked,
.is-global button.is-round.is-switch.is-switchable.is-on:hover
{
	background-color: white;
	color: black;
}
.is-global button.is-round.is-switch.is-off
{
	background-color: white;
	border: 1px #009E60 solid;
	color: black;
}

.is-global button.is-round.is-switch.is-switchable.is-off.is-clicked,
.is-global button.is-round.is-switch.is-switchable.is-off:hover
{
	background-color: #009E60;
	color: white;
}

.is-global button.is-circle
{
	width: 30px;
	height: 30px;
	font-size: 15px;
	border: solid 1px #454A4F;
	border-radius: 50%;
}
.is-global button.is-circle.is-grey:before
{
	color: silver;
}

.is-global .is-icon.is-circle
{
	width: 30px;
	height: 30px;
	font-size: 15px;
	border: solid 1px silver;
	border-radius: 50%;
	/*padding: 0px 0 0 0px;*/
}
.is-global .is-icon.is-circle.is-grey:before
{
	color: silver;
}

/*checkbox*******************************************************************/

.is-global .is-checkbox.is-round
{
	/*gap between checkbox and text, is clickable too*/
	padding-left: 6px;
}
.is-global .is-checkbox.is-round i
{
	/*outer frame*/
	width: 28px;
	height: 16px;
	float: left;
	border-radius: 8px;
	border-style: solid;
	border-width: 1px;

	/*color, when off*/
	border-color: black;
}
.is-global .is-checkbox.is-round input:checked + i
{
	/*color, when on*/
	border-color: black;
}
.is-global .is-checkbox.is-round i i
{
	/*inner box*/
	width: 10px;
	height: 10px;
	border-radius: 5px;
	border-width: 0;
	margin: 2px 0 0 3px;
	transition: margin 100ms linear;

	/*color, when off*/
	background-color: black;
}
.is-global .is-checkbox.is-round input:checked + i i
{
	margin: 2px 0 0 13px;

	/*color, when on*/
	background-color: black;
}
/******************************************************************************/


.is-global .is-eee-picture-toolbar
{
	margin: 0 0 15px 0;
}
.is-global .is-teaser .is-icon
{
	font-size: 50px;
	float: left;
	padding: 1px 0 0px 0px;
}
.is-global .is-teaser .is-date
{
	width: 50px;
	height: 50px;
	font-size: 30px;
	margin: 0 0 0 -50px;
	text-align: center;
	float: left;
	padding: 18px 0 0 4px;
}

.is-global .is-album-teaser
{
	width: 50%;
	min-width: 300px;
	min-height: 200px;
	/*float: left;*/
}
.is-global .is-album-teaser .is-jjj-picture
{
	width: 200px;
	height: 200px;
	padding: 4px;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	float: left;
}

.is-global .is-album-teaser .is-text
{
	padding: 0 30px 0px 215px;
}
.is-global .is-album-teaser .is-text h6
{
	font-weight: bold;
}
@media screen and (max-width: 1000px)
{
	.is-global .is-album-teaser
	{
		width: 100%;
		float: none;
		min-height: 250px;
	}

	.is-global .is-album-teaser .is-text
	{
		padding: 0 0px 50px 215px;
	}
}
@media screen and (max-width: 600px)
{
	.is-global .is-album-teaser
	{
		min-height: 200px;
	}

	.is-global .is-album-teaser .is-jjj-picture
	{
		width: 150px;
		height: 150px;
	}

	.is-global .is-album-teaser .is-text
	{
		padding: 0 0px 50px 165px;
	}
}

.is-global .is-h1-button-offset
{
	margin-top: 2px;
}
.is-global .is-h2-button-offset
{
	margin-top: -2px;
}

.is-global .is-16-9-media
{
	padding: 56.25% 0 0 0;
	position: relative;
}
.is-global .is-16-9-media iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}
.is-global .is-9-4-media
{
	padding: 44.44% 0 0 0;
	position: relative;
}
.is-global .is-9-4-media iframe
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: none;
}


/*multi-column, mehrspaltig************************************************/
.is-global .is-3-column
{
	column-count: 3;
	column-gap: 40px;
}
.is-global .is-2-column
{
	column-count: 2;
	column-gap: 40px;
}
@media screen and (max-width: 800px)
{
	.is-global .is-3-column
	{
		column-count: 2;
	}
}
@media screen and (max-width: 600px)
{
	.is-global .is-3-column,
	.is-global .is-2-column
	{
		column-count: 1;
	}
}
.is-global .is-keep-together
{
	break-inside: avoid;
}
/******************************************************************************/



.is-global .is-scissors-line
{
	margin: 15px 0 15px 0;
}
.is-global .is-scissors-line .is-icon
{
	margin: -7px 0 0 0;
	float: right;
	color: grey;
}
.is-global .is-scissors-line hr
{
	border-top: 1px dashed grey;
}

.is-global .is-right
{
	float: right;
}
.is-global .is-left
{
	float: left;
}
.is-global h1
{
	/*padding: 0 0px 19px 0px;*/
	/*font-size: 25px;*/
	font-size: 22px;
	line-height: 26px;
}


.is-global .is-confirm-box
{
	position: fixed;
	z-index: 4900;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0, 0, 0, .3);
}

.is-global .is-confirm-box dialog
{
	display: block;
	margin: 15% auto auto auto;
	border-width: 1px;
	border-style: solid;
	background-color: white;
	border-color: black;
	overflow: auto;
	padding: 25px 30px 25px 30px;
}
.is-global .is-confirm-box.is-small dialog
{
	max-width: 420px;
	height: 210px;
}
.is-global .is-confirm-box.is-medium dialog
{
	max-width: 420px;
	height: 420px;
}
@media screen and (max-width: 600px)
{
	.is-global .is-confirm-box.is-small dialog,
	.is-global .is-confirm-box.is-medium dialog
	{
		width: 97%;
		max-width: 400px;
		height: 97%;
		margin: 1% auto auto auto;
	}
}
.is-global .is-confirm-box i.is-shutter
{
	float: right;
	font-size: 27px;
	margin-left:9px;
}

.is-global .is-user-login
{
	width: 333px;
	max-width: 100%;
}

.is-global .is-small-teaser
{
	width: 50%;
	/*height: 130px;*/
	float: left;
	margin-bottom: 15px;
}
.is-global .is-small-teaser .is-jjj-picture
{
	width: 100px;
	height: 100px;
	background-color: lightslategrey;
	float: left;
	border-radius: 0;
	background-repeat: no-repeat;
	background-size: contain;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
	margin: 5px 15px 0 0;
}
.is-global .is-small-teaser .is-text h6
{
	font-weight: bold;
}
@media screen and (max-width: 1000px)
{
	.is-global .is-small-teaser
	{
		width: 100%;
		float: none;
	}
}

/*16:9 picture*/
.is-global .is-16-9-picture
{
	/* 16 : 9 */
	width: 100%;
	padding-top: 56.25%;
	background-color: lightslategrey;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}

/*9:4 picture*/
.is-global .is-9-4-picture
{
	/* 9 : 4 */
	width: 100%;
	padding-top: 44.44%;
	background-color: lightslategrey;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}

/*8:3 picture*/
.is-global .is-8-3-picture
{
	/* 8 : 3 */
	width: 100%;
	padding-top: 37.5%;
	background-color: lightslategrey;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
}

.is-global .is-hhh-picture-preview
{
	width: 140px;
	height: 79px;
	float: left;
	margin: 0 22px 0 0;
	margin: 0 22px 20px 0;
}

.is-global .is-teaser .is-jjj-picture
{
	/* 16 : 9 */
	width: 300px;
	height: 169px;
	background-color: lightslategrey;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);
	margin: 4px 15px 9px 0;
	float: left;
}



.is-global .is-teaser .is-16-9-media-small,
.is-global .is-hhh-picture-preview .is-16-9-media-small
{
	margin: 4px 15px 9px 0;
	float: left;
}
.is-global .is-teaser .is-16-9-media-small iframe
{
	width: 300px;
	height: 169px;
	/*padding: 56.25% 0 0 0;*/
}
.is-global .is-hhh-picture-preview .is-16-9-media-small iframe
{
	width: 140px;
	height: 78px;
	/*padding: 56.25% 0 0 0;*/
}

@media screen and (max-width: 500px)
{
	.is-global .is-teaser .is-jjj-picture
	{
		/* 16 : 9 */
		width: 100%;
		padding-top: 56.25%;
		float: none;
	}

	.is-global .is-teaser .is-16-9-media-small
	{
		/* 16 : 9 */
		padding-top: 56.25%;
		position: relative;
		margin: 4px 0px 9px 0;
		float: none;
	}

	.is-global .is-teaser .is-16-9-media-small iframe
	{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: none;
	}
}
.is-global .is-icon-preview
{
	width: 300px;
	height: 169px;
	background-color: lightslategrey;
	background-color: white;
	/*background-repeat: no-repeat;*/
	/*background-size: cover;*/
	/*background-position: center;*/
	/*box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.1);*/
	margin: 4px 15px 9px 0;
	float: left;
	border: 1px solid black;
	border: 1px solid lightslategrey;
	color: lightslategrey;
	font-size: 50px;
	padding: 57px 0 0 125px;

	/*border-radius:30px 0 30px 30px;*/
}

@media screen and (max-width: 500px)
{
	.is-global .is-icon-preview
	{
	}
}
.is-global .is-icon-preview-small
{
	background-color: white;
	/*margin: 4px 15px 9px 0;*/
	/*float: left;*/
	border: 1px solid lightslategrey;
	color: lightslategrey;
	font-size: 30px;
	padding: 24px 0 0 55px;

	/*border-radius:30px 0 30px 30px;*/


	/*margin: 4px 15px 9px 0;*/
	/*float: left;*/
	/*width: 140px;*/
	/*height: 78px;*/


	width: 140px;
	height: 79px;
	float: left;
	margin: 0 22px 20px 0;
}

/**/

/*the-hint*/
@media print
{
	.is-global #the-hint
	{
		display: none;
	}
}
.is-global #the-hint.is-green
{
	background-color: #009E60;
}
.is-global #the-hint.is-red
{
	background-color: #e30613;
}
.is-global #the-hint.is-grey
{
	background-color: #9e9e9e;
}

/* icon */
.is-global #the-hint .is-icon
{
	width: 37px;
	float: left;
	position: relative;
	left: 0px;
	top: 20px;
	font-size: 37px;
	color: white;
}
.is-global #the-hint.is-green .is-error,
.is-global #the-hint.is-grey .is-error
{
	display: none;
}
.is-global #the-hint.is-red .is-success
{
	display: none;
}

/* shutter */
.is-global #the-hint .is-shutter
{
	float: right;
	position: relative;
	right: 0px;
	top: 25px;
	font-size: 27px;
	color: white;
}

/* message */
.is-global #the-hint .is-message
{
	display: flex;
	align-items: center; /* align vertical */
	overflow: hidden;

	/* defines height of hint box - even number ! */
	height: 80px;
}
.is-global #the-hint .is-message p
{
	padding: 0px 30px 0px 17px;
	overflow: hidden;
	text-overflow: ellipsis;
	color: white;

	/* first value is count visible lines*/
	max-height: calc(2 * 18px + 2px);
}

.is-global .is-photo-uploader
{
	width: 100%;
	padding: 56.25% 0 0 100%;
	overflow: hidden;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	/*opacity: .3;*/
	/*background-image: url('./image/before-16-9.jpg');*/
	border: solid 1px silver;
}
.is-global .is-photo-uploader.is-filled
{
	opacity: .3;
	border-color: black;
	/*border-bottom: solid 9px #009E60;*/
}

/*menu context************************************************************/
.is-global #the-context
{
	background: rgba(255, 255, 255, 0.99);
	position: fixed;
	z-index: 4800;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 15px 0 15px 0;
	overflow: scroll
}
/* shutter */
.is-global #the-context .is-shutter
{
	font-size: 25px;
	line-height: 25px;
	float: right;
	padding: 5px 0px 25px 0px;
}
.is-global #the-context .is-shutter:hover
{
	color: black;
}
.is-global #the-context .is-menu-link
{
	text-align: right;
	font-size: 22px;
	line-height: 23px;
	padding: 0px 0 18px 0px;
}
.is-global #the-context .is-menu-line
{
	font-size: 22px;
	line-height: 23px;
	margin: 8px 0 22px 0px;
	border-top: solid 1px black;
}
.is-global #the-context .is-menu-link:hover
{
}
.is-global #the-context .is-menu-link:hover h6
{
	color: black;
}


/******************************************************************************/
.is-manage .is-teaser
{
	border-radius: 6px;
	width: 160px;
	height: 160px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 9px 12px 12px 12px;
	color: black;
	border: solid 1px #454A4F;
}
.is-manage .is-teaser
{
	border-radius: 6px;
	width: 160px;
	height: 160px;
	float: left;
	margin: 0 10px 10px 0;
	padding: 9px 12px 12px 12px;
	color: black;
	border: solid 1px #454A4F;
}

.is-manage .is-teaser.is-clicked
{
	background-color: lightslategrey;
	border-color: lightslategrey;
	color: white;
}

.is-manage .is-list-entry
{
	margin: 0 0 9px 0;
}
.is-manage .is-list-entry table
{
	min-height: 39px;
}
.is-manage .is-list-entry td
{
	vertical-align: middle;
}
.is-manage .is-list-entry .is-icon
{
	font-size: 39px;
	float: left;
	margin: 0 9px 0 0;
}
.is-manage .is-list-entry.is-deleted i,
.is-manage .is-list-entry.is-deleted td
{
	color:silver;
}

/*belt*************************************************************************/

.is-manage .is-belt:after
{
	margin-left: 5px;
}
.is-manage .is-belt:before
{
	content: '';
	width: 27px;
	height: 9px;
	float: left;
	position: relative;
	top: 5px;
}
.is-manage .is-belt-0:after
{
	content: 'white visitor (account but no e-mail)';
}
.is-manage .is-belt-0:before
{
	background: whitesmoke;
	border: solid 1px whitesmoke;
}
.is-manage .is-belt-1:after
{
	content: 'yellow newbie (e-mail but unconfirmed)';
}
.is-manage .is-belt-1:before
{
	background: gold;
	border: solid 1px gold;
}
.is-manage .is-belt-2:after
{
	content: 'orange member (e-mail confirmed but profile private)';
}
.is-manage .is-belt-2:before
{
	background: darkorange;
	border: solid 1px darkorange;
}
.is-manage .is-belt-3:after
{
	content: 'green guide (public profile)';
}
.is-manage .is-belt-3:before
{
	background: mediumseagreen;
	border: solid 1px mediumseagreen;
}
.is-manage .is-belt-4:after
{
	content: 'blue promoter (premium account)';
}
.is-manage .is-belt-4:before
{
	background: midnightblue;
	border: solid 1px midnightblue;
}
.is-manage .is-belt-5:after
{
	content: 'red assistant (staff)';
}
.is-manage .is-belt-5:before
{
	background: firebrick;
	border: solid 1px firebrick;
}
.is-manage .is-belt-6:after
{
	content: 'black manager (management)';
}
.is-manage .is-belt-6:before
{
	background: black;
	border: solid 1px black;
}