.introVid
{
     overflow:hidden;
}
.pageblock.siteThemaBlock .widgetTabs{
	border-bottom:1px #ddd solid;
	text-align: left;
	padding-top: 8px;
	padding-left: 5px;
	background-color: #eee;
}
.pageblock.siteThemaBlock .widgetTabs a{
	display: inline-block;
	padding: 5px 10px;
	border: 1px #ddd solid;
	border-bottom: 0;
	margin-bottom:-1px;
	border-radius: 4px 4px 0px 0px;
	background-color: #eee;
}
.pageblock.siteThemaBlock .widgetTabs a.selected{
	background-color: #fff;
}
.pageblock .widgetTabDiv{
	padding: 20px 10px 10px;
	display:none;
	text-align: left;
}
.widgetTabDiv.selected{
	display:block;
}
.widgetTabDiv p{
	padding:5px;
	border-radius: 5px;
	background-color: #eee;
	color: #777;
}

.pageblock.siteThemaBlock img.preview{
	padding:5px;
	border:1px #ddd solid;
	max-width:70px;
	max-height:70px;
	vertical-align:top;
}

.insertActions{
	margin:0px;
	padding:4px 0px;
}

.cms_editorbtn{
	border:1px #ddd solid;
	border-top: 0px;
	padding:4px;
	background-color:#eee;
	border-radius: 0px 0px 4px 4px;
	margin:0px 2px;
}

.siteThemaBlock.widget img{
	margin: 0px 0px 0px 5px;
}
.siteThemaBlock.widget img.left{
	margin:0px 15px 10px 0px;
}
.siteThemaBlock.widget img.right{
	margin:0px 0px 10px 10px;
}
.siteThemaBlock th{
	text-align:right;
}

.siteThemaBlock.site table{
	width:100%;
	color:#333;
} 
.siteThemaBlock.site table h1{
	margin:0;
	padding: 0;
} 
.siteThemaBlock.site table td{
	width:50%;
	padding: 10px 10px;
	text-align: left;
	vertical-align:top;
} 

.siteThemaBlock.site div.textContainerInner_intro{
	height:auto;
	overflow: hidden;
}
.siteThemaBlock.site div.textContainerToggle_intro{
	padding: 10px 5px 10px 0px;
	margin-top:5px;


	cursor:pointer;
}

.siteThemaBlock.site .ThemaBlockDetails h1{
	margin:0;
	padding:4px;
	/*
	font-family:Nunito;
	color:#fff;
	font-size:12px;
	*/
}

.siteThemaBlock.site .ThemaBlockDetails a{
	margin:0;
	padding:4px 4px 4px 0px;
	color:#333;
	text-decoration:none;
	border-bottom: 1px #ddd solid;
	display:block;
}

.siteThemaBlock.site .ThemaBlockDetails a:hover{
	background-color: #eee;
}



.siteThemaBlock .ThemaBlockDetails{
    display:none;
}
.siteThemaBlock.selected .ThemaBlockDetails{
    display:block;
}

.introVid{
    overflow-y: hidden;
}

.siteThemaBlock.widget{
    margin-bottom: 10px;   
}





/*
.siteThemaBlock .siteThemaBottomPart{
	padding: 0px;
}
.siteThemaBlock .siteThemaBottomPartRight{
	padding: 0px;
	border-left: 1px solid #00a6d6;
}
.siteThemaBlock .siteThemaBottomText{
	padding: 16px;
	min-height: 300px;
}
*/

/*
.siteThemaBlock .siteThemaBottomHeader{
	border-top: 1px solid #00a6d6;
    border-bottom: 1px solid #00a6d6;
	color: #00a6d8;
    font-size: 16px;
    font-weight: bold;
    padding: 10px 16px;
}
*/

/*
.siteThemaBlock .siteThemaTopHeader{
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	padding: 14px 16px;
}
*/
.siteThemaBlock .row.siteThemaTopRow{
	/* margin-right: 24px; */
	/* border: 1px solid #00a6d6; */
}
.siteThemaBlock .siteThemaTopPart{
	padding: 20px 0px 20px 20px;
	text-align: right;
}
.siteThemaBlock.site div.bannerLayoverBG{
	width:100%;
	background-color: #00a6d6;
	position:absolute;
	bottom:0;
	opacity:0.7;
	min-height:61px; 
	filter:alpha(opacity=70); /* For IE8 and earlier */ 
}
.siteThemaBlock.site div.bannerLayover{
	position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    color: #fff;
}
.siteThemaBlock.site div.bannerLayover p{
	margin: 0;
	padding: 8px;
	display: none;
	font-size: 16px !important;
	font-weight: bold;
	height: 61px;
} 
.siteThemaBlock.site div.bannerLayover p.selected{
	display:block;
}
.widget.siteThemaBlock .siteBlockHead{
	height: 50px;
}
.widget.siteThemaBlock .siteBlockHeadText{
	padding: 10px 0px 10px 16px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	margin-top: -50px;
	z-index: 1;
	position: absolute;
}
.widget.siteThemaBlock .siteThemaBit{
	margin-top: 20px;
	padding-left: 0px;
    padding-right: 24px;
}
.widget.siteThemaBlock .siteBlockText{
	/* height: 200px; */
	padding: 10px;
}

.widget.siteThemaBlock h1{
	font-size: 16px;
    font-weight: bold;
}

.siteThemaTrajectPopup{
	display: none;
    /*
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 100;
	*/
}
.siteThemaTrajectInnerPopup{
     /*
	background: #fff;
	border: 1px solid #00a6d6;
	margin-top: 20px;
	box-shadow: 4px 4px 25px #999;
	padding: 0px;
	max-height: 500px;
	overflow: auto;
	*/
}
.siteThemaTrajectPopup ul{
	text-align: left;
}

.siteThemaTrajectPopup .tPopTab2, .siteThemaTrajectPopup .tPopTab3, .siteThemaTrajectPopup .tPopTab4, .tPopTab5{
	display: none;
}
.siteThemaTrajectPopup .tPopMenu{
	border-bottom: 1px solid #ccc;
}
.siteThemaTrajectPopup .tPopMenu div{
	padding: 5px;
	color: #aaa;
	font-size: 16px;
	font-weight: 500;
	cursor: pointer;
}
.siteThemaTrajectPopup .tPopMenu div:hover{
	/* background: #ddf0ff; */
	color: var(--sub-link-hover-color);
}
.siteThemaTrajectPopup .tPopMenu div.selected{
	color: var(--sub-link-color);
}
.siteThemaTrajectPopup .tPopTab{
	padding: 20px 0px;
	text-align: left;
}
.siteThemaTrajectPopup h1{
	padding: 0px;
	margin: -10px 0px 0px 0px;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
}
.siteThemaTrajectPopup textarea{
	height: 100px;
}
.siteThemaTrajectPopup .tPopNext, .siteThemaTrajectPopup .tPopSave{
	margin-top: 0px;
}
.siteThemaTrajectPopup .tPopClose{
	float: right;
    margin: 0px 10px 10px 0px;
}

/*
.siteThemaBlock .siteThemaBottomPart,
.siteThemaBlock .siteThemaBottomPartRight,
.siteThemaBlock .siteThemaBit{
	display: none;
}
.siteThemaBlock.selected .siteThemaBottomPart,
.siteThemaBlock.selected .siteThemaBottomPartRight,
.siteThemaBlock.selected .siteThemaBit{
	display: block;
}
*/
.siteThemaBlock .actionPlanTopRow{
     /* display: none; */
}
.siteThemaBlock.selected .actionPlanTopRow{
     display: block;
}

.siteThemaTrajectPopup .tPopSubMenu{
    margin-bottom: 20px;
}
.siteThemaTrajectPopup .tPopSubTab .row{
	padding-bottom: 20px;
}
.siteThemaTrajectPopup .tPopSubTab{
	display: none;
}
.siteThemaTrajectPopup .tPopSubTab.selected{
	display: block;
}

.tPopSubMenuItem.selected{
	box-shadow: inset 0px 0px 0px 2px #000;
}

.siteThemaTrajectPopup ul{
	font-size: 0.875rem;
}



.actionRow{
    display: none;
}
.actionRow.actionRowVisible{
    display: block;
}

.row.actionplanActionHeader{
    font-weight: bold;
    background: #cfcfd2;
    margin-top: 36px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.actionRow{
    background: #ececec;
    padding-top: 5px;
    padding-bottom: 5px;
}

.pButton.addActionToActionplan{
    margin-top: 10px;
}

.pButton.deleteActionplanAction, .pButton.deleteActionplan, .pButton.editActionplan{
    margin-top: 0px;
    margin-bottom: 6px;
}
.actionplanFinished{
	display: none;
}

.smallActionplanActionHeader{
    font-weight: bold;
    margin-top: 8px;
}
.smallActionplanActionDivider{
    border-bottom: 1px solid #cfcfd2;
}

.actionplanTipContainer{
	display: none;
}

div.mainContent .siteThemaBlock .links  a.bookMoreLink{
	display: inline;
}


/* new css */
.siteThema-item-container{
	margin-bottom: 20px;
}

.siteThema-image-break-left{
	display: inline-block;
	width: calc(34% - 20px);
	vertical-align: middle;
	text-align: center;
}
.siteThema-image-break-right{
	display: inline-block;
	width: 66%;
	vertical-align: middle;
}

.siteThema-image-break-fancy-text{
	transform: rotate(-5deg);
}
.siteThema-image-break-fancy-text span{
	font-family: "Caveat",cursive !important;
    font-weight: 700;
	font-size: 34px;
    line-height: 1;
	color: var(--lbp1-border-color);
	text-align: center;
	margin-right: 14px;
}
.siteThema-image-break-fancy-arrow{
    -webkit-mask-image: url(/themes/responsive_generic/img/icons/lbp-fancy-arrow.svg);
    mask-image: url(/themes/responsive_generic/img/icons/lbp-fancy-arrow.svg);
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 85%;
	background: var(--lbp3-background-color);
	
	width: 150px;
    height: 116px;
    transform: rotate(225deg);
	display: inline-block;
}

.widget-text-switch span{
	display: none;
}
.widget-text-switch span.selected{
	display: block;
}


.siteThemaBlock.site div.bannerImage{
	width:100%;
	height:280px;
	border-radius: 30px;
}

.siteThemaBlock .fa-ul .fa-li{
	margin-top: -3px;
	margin-left: -8px;
}
.siteThemaBlock .fa-ul .fa-li i{
	color: var(--main-text-color);
}
.siteThemaBlock .fa-ul .fa-li a{
	margin-left: -5px;
}
.siteThemaBlock .fa-ul li{
	margin-bottom: 8px;
}

.siteBlock-rounded-container{
	border-radius: 30px;
	background: #fff;
	padding: 20px 30px;
}
.siteBlock-center-container{
	text-align: center;
	margin-bottom: 20px;
}



/* books */

.siteThemaBlock.site .bookshelf .pb_slide{
	display:none;
	width: 460px;
	vertical-align: top;
}
.siteThemaBlock.site .bookshelf .pb_slide.selected{
	display: inline-block;
}

.siteThemaBlock.site .bookshelf .pb_index{
	margin-top: 20px;
}


.siteThemaBlock.site .bookshelf .pb_index span{
	cursor:pointer;
	display: inline-block;
	width: 30px;
	height: 6px;
	background: var(--lbp1-background-color);
	margin: 0px 4px;
}

.siteThemaBlock.site .bookshelf .pb_index span.selected{
	background: var(--lbp3-border-color);
}


.siteThemaBlock.site .bookshelf div.author,
.siteThemaBlock.site .bookshelf div.intro{
	margin-bottom: 10px;
}
.siteThemaBlock.site .bookshelf div.intro{
	height: 100px;
}

.siteThemaBlock.site .bookshelf div.ean{
	font-size: 10px;
}
.siteThemaBlock .pb_icon img{
     max-height: 250px;
	 border-radius: 20px;
}
.siteThemaBlock .pb_icon{
	height: 250px;
}

.siteBlock-book-arrow-container{
	display: inline-block;
	padding: 200px 30px 30px 30px;
}
.siteBlock-book-arrow-button{
	width: 40px;
	height: 40px;
	background: var(--lbp3-border-color);
	color: var(--lbp3-font-color);
	border-radius: 30px;
	cursor: pointer;
}
.siteBlock-book-arrow-button:hover{
	background: var(--lbp3-border-hover-color);
}

.siteBlock-book-arrow-button::after{
	content: " ";
    background-color: var(--lbp3-font-color);
    -webkit-mask-image: url(/themes/responsive_generic/img/icons/arrow-light.svg);
    mask-image: url(/themes/responsive_generic/img/icons/arrow-light.svg);
    height: 20px;
    margin-bottom: 7px;
    padding-right: 16px;
    margin-left: 5px;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: 22px;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: 0px;
	position: relative;
	display: inline-block;
	top: 9px;
	left: -3px;
}

.siteBlock-book-arrow-button.book-arrow-button-left::after{
	transform: rotate(180deg);
	top: 10px;
	left: 0px;
}




.lbp-icon-big-link{
	-webkit-mask-image: url(/themes/responsive_generic/img/lbpicons/lbpicon-share.svg);
    mask-image: url(/themes/responsive_generic/img/lbpicons/lbpicon-share.svg);
}

.lbp-icon-big-edu{
	-webkit-mask-image: url(/themes/responsive_generic/img/lbpicons/lbpicon-book.svg);
    mask-image: url(/themes/responsive_generic/img/lbpicons/lbpicon-book.svg);
}

.lbp-icon-big-test{
	-webkit-mask-image: url(/themes/responsive_generic/img/lbpicons/lbpicon-portal.svg);
    mask-image: url(/themes/responsive_generic/img/lbpicons/lbpicon-portal.svg);
}

.siteThemaBlock-inner-container{
	padding-right: 26px;
}


/* bigger than mobile */
@media only screen and (min-width: 40em){
	.mobile-only{
		display: none;
	}
}

/* mobile style */
@media only screen and (max-width: 40em){
	.siteThemaBlock.site .bookshelf .pb_slide{
		width: 300px;
	}
	.hide-for-mobile{
		display: none;
	}
	.siteBlock-book-arrow-container{
		padding: 0px 50px 30px 50px;
	}
	
	.siteThema-image-break-left,
	.siteThema-image-break-right{
		width: 100%;
	}
	.siteThema-image-break-fancy-arrow{
		transform: rotate(270deg);
		display: block;
		position: relative;
		left: -50px;
		top: -40px;
	}
	.widget.siteThemaBlock .siteThemaBit{
		padding-right: 0px;
	}
	
	.siteThema-image-break-fancy-text span{
		margin-left: 24px;
	}
}