@import url('modal.register.css');

#page-home .page-header
{
}
#page-home .page-header > header
{
	display: flex;
}
#page-home .page-header .page-header-video
{
	min-width: 100%;
	width : fit-content;
}

#page-home section.page-content-articles
{
	background      : url(../../img/view/home/background-top.jpg) fixed no-repeat;
	background-size : cover;
	box-shadow      : 0px 4px 30px #CCC;
	position        : relative;
	z-index: 20;
}
#page-home section.page-content-articles > .container > .wrapper-big
{
	padding: 0 12px;
	margin-top: -74px;
    background-color: #fff;
}
#page-home section.page-content-articles > .container > .wrapper-big .big-header
{
	font-size: 50px;
    text-align: center;
    font-family: BCGHenSansRegular;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 1px solid #333;
    padding-top: 50px;
    padding-bottom: 10px;
    margin: 0 20%;
}
#page-home section.page-content-articles > .container > .wrapper-big .big-header-wrapper { display: none; }
#page-home section.page-content-articles > .container > .wrapper-big .big-header-wrapper.active { display: block; }
#page-home section.page-content-articles > .container > .wrapper-big .big-header-wrapper.pupil .big-header
{
	
}
#page-home section.page-content-articles > .container > .wrapper-big .big-header-wrapper.teacher .big-header
{
	margin: 0 50px;
}
#page-home section.page-content-articles > .container > .wrapper-big .big-header-wrapper.parent .big-header
{
	margin: 0 20px;
}

#page-home section.page-content-articles > .container > .wrapper-big .big-header-headline
{
	margin: 20px 10%;
	text-align: center;
}

#page-home section.page-content-articles .container
{
	background: #fff;
}
#page-home section.page-content-articles h2
{
	font-size : 30px;
	
	text-align     : center;
	text-transform : uppercase;
}
/* #page-home section.page-content-articles p */
/* { */
/* 	font-size  : 15px; */
/* 	text-align : center; */
/* 	margin-top : 15px; */
/* } */
#page-home section.page-content-articles h5
{
	text-transform : uppercase;
	text-align : center;
}
#page-home section.page-content-articles #page-home-tabs-choosers
{
	margin-top : 20px;
	text-align : center;
	border-bottom: 1px solid #b3b3b3;
}
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab]
{
    width: 200px;
    cursor: pointer;
    color: #B3B3B2;
    text-transform: uppercase;
    font-family: BCGHenSansLight;
    font-size: 18px;
    display: inline-block;
}
@media(max-width: 632px)
{
	#page-home section.page-content-articles #page-home-tabs-choosers [data-tab]
	{
	    width: 100%;
	    display: flex;
	    margin-bottom: 25px;
	    flex-direction: column;
	    align-items: center;
	}
	#page-home section.page-content-articles #page-home-tabs-choosers [data-tab] .text:before
	{
		display: none !important;
	}
	#page-home section.page-content-articles #page-home-tabs-choosers [data-tab] .image
	{
		width: 130px;
	}
}
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab].active { font-family: BCGHenSansBold; }

#page-home section.page-content-articles #page-home-tabs-choosers [data-tab] .image
{
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 78px;
}

#page-home section.page-content-articles #page-home-tabs-choosers [data-tab] .text
{
	margin: 5px 0;
	position: relative; 
}
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab] .text:before
{
    content: '';
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: -5px;
    height: 4px;
    transition: 0.3s ease-in-out;
}
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab].active .text:before,
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab]:hover .text:before
{
	left: 0 !important;
    right: 0 !important;
	transition: 0.3s ease-in-out;
}
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="pupil"] .text:before { background-color: #285e7d; }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="parent"] .text:before { background-color: #32c0d7; }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="teacher"] .text:before { background-color: #37ae93; }

#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="pupil"]          .image { background-image: url(../../img/view/Picto_Schueler_grey.svg); }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="pupil"].active   .image { background-image: url(../../img/view/Picto_Schueler_farb.svg); }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="pupil"]:hover    .image { background-image: url(../../img/view/Picto_Schueler_farb.svg); }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="parent"]         .image { background-image: url(../../img/view/Picto_Eltern_grey.svg); }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="parent"].active  .image { background-image: url(../../img/view/Picto_Eltern_farb.svg); }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="parent"]:hover   .image { background-image: url(../../img/view/Picto_Eltern_farb.svg); }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="teacher"]        .image { background-image: url(../../img/view/Picto_Lehrer_grey.svg); }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="teacher"].active .image { background-image: url(../../img/view/Picto_Lehrer_farb.svg); }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="teacher"]:hover  .image { background-image: url(../../img/view/Picto_Lehrer_farb.svg); }

#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="pupil"].active { color: #285e7d; }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="pupil"]:hover { color: #285e7d; }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="parent"].active { color: #32c0d7; }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="parent"]:hover { color: #32c0d7; }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="teacher"].active { color: #37ae93; }
#page-home section.page-content-articles #page-home-tabs-choosers [data-tab="teacher"]:hover { color: #37ae93; }

#page-home section.page-content-articles .container
{
	max-width : 900px;
	padding: 1px 0 0 0;
}

#page-home section.page-content-articles #page-home-articles-teasers
{
	margin-top : 35px;
}

#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser .teaser-call-to-action .rotated-box
{
	width: 30px;
	height: 50px;
	position: absolute;
	bottom: 0;
	right: 0;
	will-change: background-color;
	transform: translate3D(6px, 21px,0) rotateZ(50deg);
}
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser { overflow: hidden; }
/* #page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser:hover > *:not(.teaser-call-to-action) { pointer-events: none; } */
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser.teaser-pupil .teaser-call-to-action .rotated-box { background-color: #285e7d; }
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser.teaser-parent .teaser-call-to-action .rotated-box { background-color: #32c0d7; }
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser.teaser-teacher .teaser-call-to-action .rotated-box { background-color: #37ae93; }
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser:hover .teaser-call-to-action .rotated-box { background-color: #fff; transition: background-color 0.5s; }

#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser .page-home-articles-teaser-content .page-home-articles-teaser-title
{
    font-size: 18px;
    text-transform: uppercase;
    font-family: BCGHenSansLight;
	padding: 19px 14px 20px 14px;
}
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser .page-home-articles-teaser-content .page-home-articles-teaser-title > a
{
    display: flex;
}

#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser .page-home-articles-teaser-content header h3
{
/* 	font-size      : 24px; */
	font-size      : 18px;
	text-transform : uppercase;
}
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser .page-home-articles-teaser-content header h3 a
{
	color : #000;
}
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser .page-home-articles-teaser-content .page-home-articles-teaser-text
{
    font-size: 14px;
    text-align: left;
    height: 84px;
    overflow-y: hidden;
    text-overflow: ellipsis;
    font-family: BCGHenSansRegular;
    padding: 0 14px;
}
#page-home section.page-content-articles #page-home-articles-teasers article.page-home-articles-teaser .page-home-articles-teaser-content a.page-home-articles-teaser-link
{
	color          : #137b58;
	font-size      : 14px;
	font-weight    : bold;
	text-transform : uppercase;
}
#page-home section.page-content
{
	margin-top    : 20px;
	margin-bottom : 25px;
}
#page-home section.page-content .container:not(.container-bottom)
{
	padding-top: 25px;
	background: #fff;
}
#page-home section.page-content .container
{
	max-width : 930px;
}
#page-home section.page-content h2
{
	text-align     : center;
	text-transform : uppercase;
}
#page-home section.page-content p
{
	font-size  : 15px;
	text-align : center;
	margin-top : 15px;
}
#page-home section.page-content h5
{
	text-transform : uppercase;
	text-align : center;
}

#page-home section.page-content #page-home-companies #page-home-companies-slogan
{
	color      : #137b58;
	font-size  : 17px;
	text-align : center;
}
#page-home section.page-content #page-home-companies #page-home-companies-divider
{
	background: #000;
	
	height: 1px;
	width: 310px;

	margin: auto;
}
#page-home section.page-content #page-home-companies h2
{
	margin-top: 5px;
	
	font-size   : 50px;
	font-weight : bold;
	
	text-align     : center;
	text-transform : uppercase;
}
#page-home section.page-content #page-home-companies p
{
	font-size  : 15px;
	text-align : center;
	margin-top : 15px;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company
{
	display : inline-block;
	margin-bottom : 25px;
	
	width : 25%;

	cursor: pointer;
	position: relative;
	transition: 0.5s ease-in-out;
}

#page-home section.page-content #page-home-companies article.page-home-companies-company:hover
{
    transition: 0.3s cubic-bezier(0.4, 0, 1, 1);
    box-shadow: inset 0 0 1px 1px #127c58b3;
}

div#page-home-companies-companies:hover > article {
    opacity: .3;
}
div#page-home-companies-companies:hover > article:hover {
    opacity: 1;
}

/* #page-home section.page-content #page-home-companies article.page-home-companies-company:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
	background-color: #003322a8;
	opacity: 0;
	transition: 0.5s ease-in-out;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company:hover:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
	bottom: 0;
	opacity: 1;
	background-color: #003322a8;
	transition: 0.5s ease-in-out;
} */

#page-home section.page-content #page-home-companies article.page-home-companies-company .page-home-companies-company-image
{
    height: 517px;
    background-size: contain;
    background-repeat: no-repeat;
	background-position: center;
	transition: 0.5s ease-in-out;
	background-size: 100%;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company:hover .page-home-companies-company-image
{
	margin: 1px;
	height: 515px;
	background-size: 120%;
	transition: 0.5s ease-in-out;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company .page-home-companies-company-divider
{
	height : 2px;
	width  : 30px;
	
	margin     : auto;
	background : #000;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company .page-home-companies-company-content
{
	padding : 10px 15px;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company .page-home-companies-company-content header h3
{
	font-size   : 22px;
	font-weight : bold;
	font-family : BCGHenSansBold;
    
	text-align: center;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company .page-home-companies-company-content header h3 a
{
	color : #000;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company .page-home-companies-company-content header h3 a:hover
{
	text-decoration : none;
}
#page-home section.page-content #page-home-companies article.page-home-companies-company .page-home-companies-company-content .page-home-companies-company-text
{
	font-size: 13px;
	text-align: center;
	
	height: 60px;
	margin-top : 10px;
	
	overflow-y: hidden;
	text-overflow: ellipsis;
}


#page-home section.page-content #page-home-lost-link
{
	text-align: center;
}
#page-home section.page-content #page-home-lost-link a
{
	color          : #fff;
	background     : #137b58;
	font-size      : 13px;
	text-transform : uppercase;
	padding        : 15px 50px;
}
#page-home .container-wrapper-green-background
{
	margin-top      : 75px;
	background      : url(../../img/view/home/background-bottom.png) center no-repeat #137b58;
	background-size : cover;
}
#page-home .container-wrapper-green-background #green-background-articles
{
	padding-top    : 75px;
	padding-bottom : 75px;
}
#page-home .container-wrapper-green-background #green-background-articles h2
{
	color          : #fff;
	font-size      : 23px;
	letter-spacing : 4px;
	text-transform : uppercase;
}
#page-home .container-wrapper-green-background #green-background-articles p
{
	color     : #fff;
	width     : 300px;
	font-size : 18px;
	
	margin        : auto;
	margin-top    : 20px;
	margin-bottom : 0px;
		
	border-top: 1px solid #fff;
}
#page-home .container-wrapper-green-background #green-background-articles #green-background-articles-articles
{
	margin-top : 75px;
}
#page-home .container-wrapper-green-background #green-background-articles #green-background-articles-articles .green-background-articles-article
{
	background : rgba(0, 0, 0, .5);
	padding    : 10px;
	width      : calc(33.33% - 8px);
	text-align : left;
	display    : inline-block;
}
#page-home .container-wrapper-green-background #green-background-articles #green-background-articles-articles .green-background-articles-article+.green-background-articles-article
{
	margin-left : 4px;
}
#page-home .container-wrapper-green-background #green-background-articles #green-background-articles-articles .green-background-articles-article .green-background-articles-article-category
{
	color       : #cc0;
	display     : block;
	font-size   : 12px;
	font-weight : bold;
}
#page-home .container-wrapper-green-background #green-background-articles #green-background-articles-articles .green-background-articles-article .green-background-articles-article-title
{
	color       : #fff;
	display     : block;
	font-size   : 18px;
	font-weight : bold;
}
#page-home .container-wrapper-green-background #green-background-articles #green-background-articles-articles .green-background-articles-article .green-background-articles-article-content
{
	margin-top : 20px;
	border-top : 1px solid #fff;
}
#page-home .container-wrapper-green-background #green-background-articles #green-background-articles-articles .green-background-articles-article .green-background-articles-article-content .green-background-articles-article-content-text
{
	display       : inline-block;
	height        : 200px;
	width         : 100%;
	
	color         : #fff;
	font-size     : 14px;
	text-align    : left;
	
	border-top    : none;
	word-break    : break-word;
	white-space   : normal;
	    
	overflow      : hidden;
	text-overflow : ellipsis;
}
#page-home .container-wrapper-green-background #green-background-articles #green-background-articles-articles .green-background-articles-article .green-background-articles-article-content .green-background-articles-article-content-link
{
	color       : #cc0;
	display     : block;
	font-size   : 12px;
	font-weight : bold;
}

#page-home #page-home-register label
{
	margin-bottom: 0;
}

#page-home #page-home-register
{
}

[data-page="home"] .tabs-wrapper
{
	max-width: 900px;
    margin: 0 auto;
}
[data-page="home"] .tabs-wrapper .tabs { display: block; background-color: #fff; }
[data-page="home"] .tabs-wrapper .tabs > input[type=radio] { display: none; }
[data-page="home"] .tabs-wrapper .tabs > .tab
{
	box-sizing: border-box;
    display: inline-block;
    padding: 30px;
    text-align: center;
    width: calc(100% / 3);
    float: left;
    position: relative;
    margin-bottom: 4px;
	user-select: none;
}
[data-page="home"] .tabs-wrapper .tabs > .tab:before
{
  content:'';
  display:block;
  width:100%;
  height:15px;
  background-color:#fff;
  position:absolute;
  bottom:-11px;
  left:0;
  z-index:10;
  opacity: 0;
}

[data-page="home"] .tabs-wrapper .tabs > .tab:hover
{
  cursor: pointer;
}

[data-page="home"] .tabs-wrapper .tabs > input[type=radio]:checked + .tab:before
{
	opacity: 1;
}
[data-page="home"] .tabs-wrapper .tabs > input[type=radio]:checked + .tab
{
	z-index: 1;
	transition: box-shadow .3s;
}
[data-page="home"] .tabs-wrapper .tabs > input[type=radio]:checked + .tab:after
{
  display: block;
  content: '';
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  box-shadow: 0 0 15px #ddd;
}


/* [data-page="home"] .tabs-wrapper .tabs > label.active */
/* { */
/* 	box-shadow: 0 0 8px #ddd; */
/* 	z-index: 1; */
/* } */
[data-page="home"] .tabs-wrapper .tabs > .tab > .image
{
	height: 64px;
	width: 64px;
	display: inline-block;
	background-color: #f5f5f5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
[data-page="home"] .tabs-wrapper .tabs > .tab > .title
{
}
[data-page="home"] .tabs-wrapper .tabs > .tab > .text
{
}
[data-page="home"] .tabs-wrapper .tabs > .tab > .more
{
}

[data-page="home"] .tabs-wrapper .tiles
{
    display: block;
    float: left;
    width: 100%;
    padding: 10px;
    box-shadow: 0 -4px 8px -2px #ddd;
}

[data-page="home"] .tabs-wrapper .tiles > .tile
{
    width: 50%;
    float: left;
    display: inline-block;
}

[data-page="home"] .tabs-wrapper .tiles > .tile:hover
{
	cursor: pointer;
}

[data-page="home"] .tabs-wrapper .tiles > .tile
{

}

.neutral-gradient
{
	background: -moz-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 10%, #670f31 100%); /* ff3.6+ */
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #ffffff), color-stop(10%, #ffffff), color-stop(100%, #670f31)); /* safari4+,chrome */
	background: -webkit-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 10%, #670f31 100%); /* safari5.1+,chrome10+ */
	background: -o-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 10%, #670f31 100%); /* opera 11.10+ */
	background: -ms-radial-gradient(center, ellipse cover, #ffffff 0%, #ffffff 10%, #670f31 100%); /* ie10+ */
	background: radial-gradient(ellipse at center, #ffffff 0%, #ffffff 10%, #670f31 100%); /* w3c */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#670f31',GradientType=0 ); /* ie6-9 */	
}


@media(max-width : 991px)
{
	#page-home section.page-content .container
	{
		max-width: 726px;
	}
}

.company-detail-containers .company-detail-container
{
	display: none;
}

.company-detail-containers .company-detail-container .image
{
	background-repeat: no-repeat;
	background-position: center;
	width: 100%;
	padding-top: 32.92%;
	background-size: contain;
	display: block;
}

.company-detail-containers .company-detail-container .content
{
}

.company-detail-containers .company-detail-container .content .title
{
	font-size: 24px;
    color: #127c58;
    text-transform: uppercase;
    font-family: BCGHenSansRegular;
}
.company-detail-containers .company-detail-container .content .description
{
	font-size: 15px;
}

.company-detail-containers .company-detail-container .content .description > p
{
	text-align: left !important;
	margin-top: 0 !important;
}
.company-detail-containers .company-detail-container .content .video-call-to-action
{
	color: #127c58;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}
.company-detail-containers .company-detail-container .content .call-to-action
{
	color: #127c58;
    margin-bottom: 5px;
}

.company-detail-containers .company-detail-container .content .video-container
{
	position: relative;
}

.company-detail-containers .company-detail-container .content .video-container .preview-image
{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
    z-index: 1;
	cursor: pointer;
	background-size: cover;
	background-repeat: no-repeat;
}

.company-detail-containers .company-detail-container .content .video-container .preview-image:before
{
    content: '';
    background-image: url(../../img/view/play.button.svg);
    width: 100px;
    height: 100px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0);
}

.company-detail-containers .company-detail-container .content .video-container .preview-image:hover:before
{
	background-image: url(../../img/view/play.button.hover.svg);
}

.detail-link-wrapper
{
	margin-left: 134px;
    padding: 10px 0;
}
.detail-link-wrapper [data-detail-link="company"]
{
    display: inline;
    color: #127c58 !important;
}

[data-detail-link="audience-award"], [data-detail-link="youngster-award"]
{
    color: #127c58 !important;
    font-weight: bold;
}


.home-companies-container { position: relative; }
.home-companies-container > .facet-edit
{
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 15px;
    background-color: #ddd;
    cursor: pointer;
    border-radius: 50%;
}

[detail-view-id="#div-registration-details"]
{
/* 	visibility: hidden; */
}