/*******************************************************************************
 * Header
 ******************************************************************************/
.dashboard .header > figure.profile img {
    box-shadow: 0.1em 0.1em 0.5em #333;
}

/*******************************************************************************
 * Images
 ******************************************************************************/
.content div.flex figure.fleximg,
.content section.flex figure.fleximg {
	background-color:#333;
}

/*******************************************************************************
 * Editor
 ******************************************************************************/
@media screen and (max-width:1024px){
	body .content div.flex.myhideonsmallscreen,
	body .content section.flex.myhideonsmallscreen {
		display:none;
	}
	body.editor .content div.flex.myhideonsmallscreen,
	body.editor .content section.flex.myhideonsmallscreen {
		display:inherit;
	}
}

/*******************************************************************************
 * Content
 ******************************************************************************/
.content div.flex:not(.form) .intro {
	background-color:#808080;
	color:white;
	text-align:center;
}

.content div.flex.featurelist figure.fleximg {
	margin-top:1em;
	background-color:inherit;
}

/*******************************************************************************
 * Events
 ******************************************************************************/
.dashboard .content div.flex > div.today,
.dashboard .content section.flex > div.today {
	box-sizing: border-box;
	border-left:0.5em solid #00a82d;
}

.content div > div.singleevent.category-canceled {
	border-left: solid 1em #f08080;
	box-sizing: border-box;
}

/*******************************************************************************
 * Social media
 ******************************************************************************/
.luicide-social {
	width:1em;
	height:1em;
	stroke-width:2px;
}

/* =======================================================================================================
 * Wetter
 * ==================================================================================================== */
.weather {
	padding:0.5em 1em;
	display: flex;
	align-items: flex-start;
	gap: 0.5em;
}
.weather-code {
	height: 3em;
	width: auto;
	stroke-width:2px;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.weather-code-text {
	font-weight:bold;
}
.weather-meta {
	margin-left: 0.2em;
}
.weather-meta div {
	white-space: nowrap;
	font-size:0.8em;
	cursor:default;
	margin-bottom:0.2em;
}
.weather-meta-img {
	width:1em;
	height:1em;
	margin-right:0.2em;
	stroke-width:1px;
	stroke-linecap:round;
	stroke-linejoin:round;
}
.weather-error {
	background-color:#f08080;
	padding:0.1em 0.3em;
}