@charset "utf-8";

/******************************************************************************
 *
 * Home
 *
 ******************************************************************************/

.header-banner {
	display: block;
}

.main-container {
	margin: 0 auto;
	max-width: 1200px;
}

/**
 * Longku Schrift und Bild Dalai-Lama
 */
.page-home-all-gridelement .page-home-gridelement-top {
	float: left;
	width: 100%;
}

/**
 * Linke Spalte "Info"
 */
.page-home-all-gridelement .page-home-gridelement-info {
	float: left;
	width: 300px;
/*	border: 1px solid magenta; */
}

/**
 * Rechte Spalte "Program"
 */
.page-home-all-gridelement .page-home-gridelement-program {
	float: right;
	width: 100%;
	max-width: var(--right_column_width);
/*	border: 1px solid blue; */
}

/* Header "Info" und "Programm" */
.page-home-all-gridelement .content-element > header > h2 {
	float: left;
	width: 100%;
	background-color: #efefef;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 10px;
	border-right: 5px;
	text-align: center;
}


/* Header "Info" und "Programm" */
.page-home-all-gridelement > #program.page-home-gridelement-program > .program > header > h2 {
	float: left;
	width: 100%;
	background-color: #ccc;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	margin-top: 10px;
	border-right: 5px;
	text-align: center;
}

/**
 * Longku Schrift und Bild Dalai-Lama
 */
.page-home-all-gridelement .page-home-gridelement-top {
}

.hpl_home .logoTextBox {
	float: left;
	width: 300px;
	max-height: 290px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	vertical-align: top;
}

.hpl_home .logoText .page-home-longku {
	font-size: 64px;
	line-height: 72px;
	/*	font-weight: bold; */
	font-stretch: ultra-expanded;
}

.hpl_home .logoText h1.page-home-title {
	line-height: 32px;
	font-size: 24px;
	font-weight: normal;
	letter-spacing: 0;
	padding: 0;
	margin: 0 0 10px;
	color: #000000;
}

.hpl_home .page-home-location {
	padding: 5px;
}

.hpl_home .quotation-text .author {
	text-align: center;
}

.hpl_home .main-container .bodytext {
	font-size: 1.4em;
}

.hpl_home .main-container {
	float: left;
	width: 100%;
}

.hpl_home .main-container {
	float: left;
	width: 100%;
}

.hpl_home .csc-default {
	width: 100%;
}

/*
.hpl_home .box-miniNews { border: 1px solid red; }
.hpl_home .home  { border: 3px solid green; }
.hpl_home .logoTextBox { border: 1px solid blue; }
.hpl_home .logoText { border: 1px solid cyan; }
.hpl_home .homeImage { border: 1px solid magenta; }
.hpl_home .box-calendar { border: 1px solid blue; } */

.hpl_home .home {
	/*	display: table; */
	/*	width: calc(100% - 220px); */
	width: auto;
	margin: 0 auto;
}

.hpl_home .fig {
	padding: 3px 0;
	border: 0;
	font-size: 0.8em;
	line-height: 0.8em;
}

/**
 * Quotation text
 */
.hpl_home .quotation-text {
	padding: 5px;
}

.hpl_home .quotation-text .text {
	font-style: italic;
	text-align: center;
}


.hpl_home .box-miniNews {
	float: left;
	width: 210px;
	margin-top: 10px;
}

.hpl_home .box-calendar {
	float: right;
	width: calc(100% - 300px);
	margin-top: 10px;
	margin-left: 0;
}

.hpl_home .box-miniEventList {
	float: right;
	width: 210px;
}


.hpl_home .admin-create-link {
	float: left;
	margin-bottom: 20px;
}

.hpl_home #program {
	float: right;
	width: 100%;
	background-color: #ffcc00;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-weight: bold;
}

@media all and (max-width: 460px) {
	.hpl_home .box-calendar {
		float: left;
		width: 100%;
	}

	.hpl_home .program {
		float: left;
	}
}

.hpl_home .hpl-home .header,
.hpl_home .hpl-home h1 {
	color: #000000;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: 10px;
}

.hpl_home .hpl-home h2 {
	color: #000000;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 10px;
}

/**
 * Roles Chooser for Superuser
 */
.hpl_home #clearSessionButtons {
	position: fixed;
	top: 20px;
	left: 0;
	width: 300px;
	background-color: #fefefe;
	color: #000000;
	margin-left: 20px;
	padding: 5px;
	border-radius: 5px;
}

.hpl_home #clearSessionButtons button {
	width: 100%;
	height: 30px;
	color: #ffffff;
	background-color: #cc0000;
	padding: 0;
	margin-top: 3px;
	line-height: 20px;
	border-radius: 5px;
}


/**
 * Simulate Logged in user
 */
.hpl_home #simulateLoggedInUser {
	position: fixed;
	top: 145px;
	left: 0;
	width: 300px;
	background-color: #fefefe;
	color: #000000;
	margin-left: 20px;
	padding: 5px;
	border-radius: 5px;
}

.hpl_home #simulateLoggedInUser select {
	float: left;
	width: 100%;
}


/**
 * Roles Chooser for Superuser
 */
.hpl_home #rolesChooser {
	position: fixed;
	top: 230px;
	left: 0;
	width: 300px;
	background-color: #fefefe;
	color: #000000;
	margin-left: 20px;
	padding: 5px;
	border-radius: 5px;
}

.hpl_home #rolesChooser select {
	color: black;
}

.hpl_home #rolesChooser .checked {
	font-weight: bold;
}

.hpl_home #rolesChooser input[type="submit"] {
	width: 100%;
	height: 30px;
	color: #ffffff;
	background-color: #cc0000;
	padding: 0;
	line-height: 20px;
	border-radius: 5px;
	margin: 0;
}


/**
 * Sessions and Cookies
 */
.hpl_home #sessionsAndCookies {
	position: absolute;
	top: 20px;
	right: 0;
	width: 350px;
	height: 1000px;
	margin-right: 20px;
	cursor: all-scroll;
	z-index: 9999;
}

.hpl_home #sessionsAndCookiesContent {
	overflow: auto;
	width: 100%;
	height: 100%;
	background-color: #ffeb9c;
	color: #000000;
	padding: 5px;
	border: 1px solid #ffd739;
	border-radius: 5px;
}

.hpl_home .toProgram {
	margin-top: 50px;
}

:root {

	/**
	 * Der Abstand zischen den Bildern
	 */
	--images-gap: 10px;
}

.ce-row {
	clear: both;
	float: left;
	margin-bottom: var(--images-gap);
}

.ce-column {
	float: left;
	width: auto;
	margin-right: var(--images-gap);
}

/**
 * Images of Lama Yeshe, Dalai Lama and Lama Zopa Rinpoche
 */
.hpl_home .homeImagesBox {
	float: right;
	width: 100%;
	max-width: var(--right_column_width);
	height: auto;
}

.hpl_home .homeImage {
	float: left;
	padding: 0;
/*  border: 1px solid green; */
}

.hpl_home .homeImageImage {
/*	border: 1px solid blue; */
	padding-right: var(--images-gap);
	padding-bottom: var(--images-gap);
}

.hpl_home .homeImage a,
.hpl_home .homeImage a:hover,
.hpl_home .homeImage a:active,
.hpl_home .homeImage a:focus,
.hpl_home .homeImage a:focus:hover {
	color: unset;
	text-decoration: unset;
}

.hpl_home .homeImage img {
	/*    width: 100%; */
	/*	max-width: 600px; */
}

.hpl_home .homeImage:first-child {
	padding: 0;
}

.hpl_home .homeImage:last-child {
	padding: 0;
}


/**
 * Event Link Images
 */
.hpl_home .eventImagesBox {
	float: right;
	width: 100%;
	max-width: var(--right_column_width);
	height: auto;
	margin-top: 0;
}

.hpl_home .eventImage {
	float: left;
	padding: 0;
}

.hpl_home .eventImageImage {
	/*	border: 1px solid blue; */
	padding-right: var(--images-gap);
	padding-bottom: var(--images-gap);
}

.hpl_home .eventImage a,
.hpl_home .eventImage a:hover,
.hpl_home .eventImage a:active,
.hpl_home .eventImage a:focus,
.hpl_home .eventImage a:focus:hover {
	color: unset;
	text-decoration: unset;
}

.hpl_home .eventImage img {
	width: 100%;
	/*	max-width: 600px; */
}

.hpl_home .eventImage:first-child {
	padding: 0;
}

.hpl_home .eventImage:last-child {
	padding: 0;
}

#c1767 {
/*	width: var(--right_column_width); */
	float: right;
}

/**
 * Social Media Icons
 */
.hpl_home .homeSocialMediaIconsBox {
	display: inline-block;
}

.hpl_home .homeSocialMediaIcons {
}

.hpl_home .followUs {
	float: left;
	padding-right: 10px;
}

.hpl_home .socialMediaIcon {
	float: left;
	margin-right: 10px;
}