/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v48/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.hetedhetbox-container {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;

    font-style: normal;
    font-weight: 400;
}

.hetedhetbox-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    background-size: cover;
}

.hetedhetbox-background-sizing-half.hetedhetbox-background-align-top {
    top: 0;
    height: 50%;
}

.hetedhetbox-background-sizing-half.hetedhetbox-background-align-bottom {
    bottom: 0;
    height: 50%;
}

.hetedhetbox-background-sizing-half.hetedhetbox-background-align-left {
    left: 0;
    width: 50%;
}

.hetedhetbox-background-sizing-half.hetedhetbox-background-align-right {
    right: 0;
    width: 50%;
}

.hetedhetbox-container-emphasized .hetedhetbox-background:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("images/circle_hl_fixed.png");
    background-size: 100% 100%;
}

.hetedhetbox-textbox {
    position: absolute;
    z-index: 150;
}

.hetedhetbox-textbox-align-top, .hetedhetbox-textbox-align-bottom {
    left: 0;
    width: 100%;
}

.hetedhetbox-textbox-align-top {
    top: 0;
}

.hetedhetbox-textbox-align-bottom {
    bottom: 0;
}

.hetedhetbox-textbox-align-left, .hetedhetbox-textbox-align-right {
    top: 0;
	/* modified: 2017.08.11
    height: 100%;
	*/
	height: calc(100% - 10px);
}

.hetedhetbox-textbox-align-left {
    left: 0;
}

.hetedhetbox-textbox-align-right {
    right: 0;
}

.hetedhetbox-textbox-align-top.hetedhetbox-textbox-sizing-half, .hetedhetbox-textbox-align-bottom.hetedhetbox-textbox-sizing-half {
    height: 50%;
}

.hetedhetbox-textbox-align-left.hetedhetbox-textbox-sizing-half, .hetedhetbox-textbox-align-right.hetedhetbox-textbox-sizing-half {
    width: 50%;
}

.hetedhetbox-textbox-inner:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 1px;
    height: 100%;
    margin-right: -1px;
}

.hetedhetbox-textbox-inner {
    height: 100%;
}

.hetedhetbox-textbox-texts {
    display: inline-block;
    width: 100%;
    overflow: hidden;
    vertical-align: middle;
    word-spacing: normal;
}

.hetedhetbox-textbox-texts-valign-top {
    vertical-align: top;
}

.hetedhetbox-textbox-texts-valign-middle {
    vertical-align: middle;
}

.hetedhetbox-textbox-texts-valign-bottom {
    vertical-align: bottom;
}

.hetedhetbox-textbox-texts h3 {
    margin: 0 !important; /* XXX */
    font-weight: normal;
    text-transform: uppercase;
}

.hetedhetbox-textbox-texts p {
    margin: 0 10px 0 0;
    font-weight: normal;
}

.hetedhetbox-link {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.hetedhetbox-link-inner {
    position: absolute;
    top: -20px;
    left: -20px;
    width: 10px;
    height: 10px;
    overflow: hidden;
}

.hetedhetbox-link-icon {
    position: absolute;
    font-family: "Material Icons";
    font-style: normal;
    z-index: 500;
	font-size: 30px !important;
	background-color: #EFEFEF
}

.hetedhetbox-link-icon-topleft {
    top: 0;
    left: 0;
}

.hetedhetbox-link-icon-topright {
    top: 0;
    right: 0;
}

.hetedhetbox-link-icon-bottomleft {
    bottom: 0;
    left: 0;
}

.hetedhetbox-link-icon-bottomright {
    bottom: 0;
    right: 0;
	margin-right: 5px !important;
	margin-bottom: 5px !important;
}