.portal_Kachel_Spezial_Top
{
	height:20%;
	width:100%;
}

.portal_Kachel_Spezial_Middle
{
	height:60%;
	width:100%;
}

.portal_Kachel_Spezial_Bottom
{
	height:20%;
	width:100%;
}

.portal_Kachel_Spezial_Bottom_Text
{
	font-weight: bold; 
	font-size: 125%; 
	height:50%; 
	padding:5px;
}

.portal_Kachel_Spezial_Image
{
	max-height:100px; 
	max-width:80%;
	display: block; 
	margin-left: auto;
	margin-right: auto;
}

.portal_Kachel_Spezial_Text
{
	font-weight: bold; 
	text-align: center; 
	font-size: 20;
	background-image: linear-gradient(to right, rgba(250,250,250,0), lightgrey, rgba(250,250,250,0));
}

.portal_Kachel_Spezial
{
	height: 80%
}

.portal_Kachel_Spezial_Beschriftung
{
	height: 20%
}

div.portal_Kachel_Beschriftung
{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:center;
	heigth:40px;
	overflow:hidden;
	background-color:rgba(223,231,231,0.85);
	cursor:pointer;
	letter-spacing: 1px;
}

html.contrast-mode .portal_Side_Head_Title,
html.contrast-mode .portal_Kachel_Beschriftung,
html.contrast-mode .portal_Kachel_Beschriftung_Appearing > p,
html.contrast-mode .ui-dialog-content,
html.contrast-mode div.uvPortal_Kachel_InfoDialog div.ui-dialog-titlebar,
html.contrast-mode body div.ui-datascroller > div.ui-datascroller-content
{
	background-color:black;
	background-image:none;
	color:#f9d134;
}

h2.portal_Kachel_Beschriftung
{
    
    color: #475256;
    font-weight:600;
    margin: 15px;
    padding:5px;
}

.uvportal_kachel_list
{
	min-width:200px;
}

.uvportal_kachel_list:hover
{
	
}
div > img.uvportal_image_greyscale:hover,
a > img.uvportal_image_greyscale:hover
{
	-webkit-filter: brightness(0.7);
	filter:brightness(0.7);
}

a > img.uvportal_image_greyscale
{
	-webkit-filter: none;
	filter:none;
}

div.portal_Kachel_Info
{
	position:absolute;
    bottom: 5px;
    right: -5px;
	width:35px;
	heigth:35px;
	overflow:hidden;
	cursor:help;
}

/*
	Kachelinfo Alternative
	======================
    position: absolute;
    bottom: -10px;
    right: 45%;
    width: 35px;
    heigth: 35px;
    overflow: hidden;
    cursor: help;
    
    +Chevron UP

*/

div.portal_Kachel_InfoText
{
	position:absolute;
	padding:5px;
	top:0px;
	left:0px;
	width:100%;
	heigth:100%;
	overflow:hidden;
	background-color:lightgrey;
}

div.portal_Kachel_InfoText_Close
{
	position:absolute;
	bottom:0px;
	width:100%;
	heigth:50px;
	overflow:hidden;
	background-color:lightgrey;
}

span.portal_Kachel_InfoText
{
	color:black;
}

.cursorgrab
{
	cursor:pointer;
}

li.uvPortalListItem
{
	margin:3px;
}

#esv-container > main > div > div.right
{	
	width: 100%;
}

ul.two  > li
{
	/*width:45%*/
}

.portal_Kachel_Beschriftung_Appearing
{
	display: none;
	padding:unset;
}

/*
div.portal_Kachel_Beschriftung:hover div.portal_Kachel_Beschriftung_Appearing
{
	display:inline;
}

 > i.uvportal_documentItem_InfoText
*/

div.portal_Kachel_Info:hover + div.portal_Kachel_Beschriftung_Appearing
{
	display:inline;
}
