@charset "UTF-8";

.tile-no-margin {
	margin-right: 0!important;
}

.Grid {
  display: block;
  margin: 0;
  padding: 0; 
}

.Grid--withGutter {
  margin: 0;
}

.Grid--withGutter > .Grid-cell {
  padding: 0 0.5rem;
}

.Grid-cell {
  box-sizing: border-box;
  display: inline-block; 
  margin: 0;
  padding: 0;
  text-align: left;
  vertical-align: top;
  width: 100%;
}

.Tile-flyout .js-toggle-tile {
    position: absolute;
    right: 15px;
    top: 0;
}

/**
 * Component: Tiles
 */

.Tile {
  float: left; 
  margin: 0 20px 0 0;
  vertical-align: top;
}

.Tile4x {
  margin: 0 20px 0 0;
}

.Tile-Box {
	background-color:#dcdcdc;
}

.form-box {
	background-color:#dcdcdc;
	}

.Tile-content {
  margin: 0;
  min-height: 160px;
  position: relative;
}

.Tile-content > .container > .col-md-8,
.Tile-content > .container > .col-md-12 {
  padding-left: 0;	
}

.Tile-content--toggle {
  cursor: pointer;
}

.Tile-content--toggle:focus, .Tile-content--toggle:hover {
  
}

.Tile.is-disabled .Tile-content--toggle {
  cursor: default;
  opacity: 0.5;
}

.Tile.is-disabled .Tile-content--toggle:focus, 
.Tile.is-disabled .Tile-content--toggle:hover {
  box-shadow: none;
}

.Tile-flyout {
	/* display: none; */
	position: relative;
	background-color:#fff;	
	margin-top:10px;
}

.Tile.is-expanded .Tile-Box,
.Tile.is-expanded .accessoryTeaserBox {
    background-color: #ebebeb;
}

.Tile.is-expanded .accessoryTeaserContent h5,
.Tile.is-expanded .accessoryTeaserContent h5 .subheadline {
    color: #E10019;
}

.Tile.is-expanded .Tile-flyout {
	/* display: block; */
	margin-bottom:0;
}

.Tile-flyout:before {
  background: #ebebeb;
  content: "";
  left: 50%;
  /*margin-left: -0.5rem;*/
  position: absolute;
  height: 20px;
  top: 3px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  width: 20px;
}

.Tile-anim {
	background-color: #EBEBEB;
	margin-top: 10px;
	margin-bottom: 10px;
}

.Tile .Tile-flyout {
	max-height: 0;
	min-height:0;
	overflow: hidden;
	-webkit-transition: max-height 0.5s ease-in-out;
	-moz-transition: max-height 0.5s ease-in-out;
	transition: max-height 0.5s ease-in-out;
}

.Tile.is-expanded .Tile-flyout {
	max-height: 1000px;
}

.Tile .accessoryTeaserBox {
    margin-bottom: 10px;
}

section.nomargin .accessoryTeaserImg .content-video-pic-container {
	margin-bottom: 0;
}

section.academytypeSelection.nomargin {
	margin-bottom: 10px;
}

@media (min-width: 1200px) {
  .Tile {
    width: 560px;
  }
  .Tile .accessoryTeaserImg {
    float: right;
  }	
  .Tile4x {
    width: 270px;
  }
  .Tile4x .accessoryTeaserImg {
    float: none;
  }	
  .Tile4x:nth-child(4) {
    margin-right: 0;
  }

  .Tile-flyout {
    width: 1140px;
  }

  .Tile:nth-child(2n+1) .Tile-flyout {
    margin-left: 0;
  }
  .Tile:nth-child(2n+1) .Tile-flyout:before {
    left: 270px;
  }

  .Tile:nth-child(2n+2) .Tile-flyout {
    margin-left: -580px;
  }
  .Tile:nth-child(2n+2) .Tile-flyout:before {
    left: 75%;
  }

  .Tile4x:nth-child(1) .Tile-flyout {
    margin-left: 0;
  }
  .Tile4x:nth-child(1) .Tile-flyout:before {
    left: 135px;
  }

  .Tile4x:nth-child(2) .Tile-flyout {
    margin-left: -290px;
  }
  .Tile4x:nth-child(2) .Tile-flyout:before {
    left: 405px;
  }

  .Tile4x:nth-child(3) .Tile-flyout {
    margin-left: -580px;
  }
  .Tile4x:nth-child(3) .Tile-flyout:before {
    left: 705px;
  }

  .Tile4x:nth-child(4) .Tile-flyout {
    margin-left: -870px;
  }
  .Tile4x:nth-child(4) .Tile-flyout:before {
    left: 985px;
  }

}

@media (max-width: 1199px) {
  .Tile {
 	margin: 0 20px 0 0;
  	vertical-align: top; 
    width: 460px;
   }
  .Tile .accessoryTeaserImg {
    float: right;
  }	
  .Tile4x {
 	margin: 0 20px 0 0;
  	vertical-align: top; 
    width: 220px;
  }
  .Tile4x .accessoryTeaserImg {
    float: none;
  }	
  .Tile4x:nth-child(4) {
    margin-right: 0;
  }
  .Tile .accessoryTeaserContent h5 {
	font-size: 16px;
  }
  .Tile-flyout {
    width: 940px;
  }
  .Tile:nth-child(2n+1) .Tile-flyout {
    margin-left: 0;
  }
  .Tile:nth-child(2n+1) .Tile-flyout:before {
    left: 220px;
  }

  .Tile:nth-child(2n+2) .Tile-flyout {
    margin-left: -480px;
  }
  .Tile:nth-child(2n+2) .Tile-flyout:before {
    left: 700px;
  }
  .Tile4x:nth-child(1) .Tile-flyout {
    margin-left: 0;
  }
  .Tile4x:nth-child(1) .Tile-flyout:before {
    left: 110px;
  }

  .Tile4x:nth-child(2) .Tile-flyout {
    margin-left: -240px;
  }
  .Tile4x:nth-child(2) .Tile-flyout:before {
    left: 340px;
  }

  .Tile4x:nth-child(3) .Tile-flyout {
    margin-left: -480px;
  }
  .Tile4x:nth-child(3) .Tile-flyout:before {
    left: 580px;
  }

  .Tile4x:nth-child(4) .Tile-flyout {
    margin-left: -720px;
  }
  .Tile4x:nth-child(4) .Tile-flyout:before {
    left: 820px;
  }
}

@media (max-width: 991px) {
  .Tile {
    width: 720px;
   }
  .Tile .accessoryTeaserImg {
    float: right;
	width: 50%;
  }	
  .Tile .Tile-flyout:before {
    left: 350px !important;
  }
  .Tile4x {
 	margin: 0 20px 0 0;
  	vertical-align: top; 
    width: 350px;
  }
  .Tile4x .accessoryTeaserImg {
    float: none;
	width: 100%;
  }	
  .Tile4x:nth-child(2) {
    margin-right: 0;
  }
 .Tile-flyout {
    width: 720px;
  }
  .Tile:nth-child(2n+2) .Tile-flyout {
    margin-left: 0;
  }
  .Tile-content {
	min-height: 180px;	
  }
  .Tile4x:nth-child(1) .Tile-flyout {
    margin-left: 0;
  }
  .Tile4x:nth-child(1) .Tile-flyout:before {
    left: 25% !important;
  }
  .Tile4x:nth-child(2) .Tile-flyout {
    margin-left: -370px;
  }
  .Tile4x:nth-child(2) .Tile-flyout:before {
    left: 75% !important;
  }
  .Tile4x:nth-child(3) .Tile-flyout {
    margin-left: 0px;
  }
  .Tile4x:nth-child(3) .Tile-flyout:before {
    left: 25% !important;
  }
  .Tile4x:nth-child(4) .Tile-flyout {
    margin-left: -370px;
  }
  .Tile4x:nth-child(4) .Tile-flyout:before {
    left: 75% !important;
  }

	.academytypeSelection .Tile-content .col-md-4 {
		padding-left:0;
		padding-right: 30px;
	}
	.academytypeSelection .Tile-content .col-md-4 .form-box {
		margin-bottom: 0;
	}
	button.js-toggle-tile span {
		margin-top: -5px;
	}
}


@media (max-width: 767px) {
  .Tile {
    width: 100%;
  }
  .Tile .accessoryTeaserImg,	
  .Tile .accessoryTeaserContent {
	width: 50%;	
  }
  .Tile .accessoryTeaserImg {
    float: right;
  }	
  .Tile .accessoryTeaserContent {
	display: inline-block;
  }
  .Tile .Tile-content {
    min-height: 160px;
  }
  .Tile-flyout {
	margin-bottom: 20px !important;
    width: 100%;
  }
  .Tile:nth-child(2n+1) .Tile-flyout {
    margin-left: 0%;
  }
  .Tile:nth-child(2n+2) .Tile-flyout {
    margin-left: 0%;
  }
  .Tile .Tile-flyout:before {
    left: 50% !important;
  }
  .Tile-content .container {
	padding:0;
  }
	.academytypeSelection .Tile-content .col-md-4 {
		padding-left: 15px;
		padding-right: 15px;
	}
	.Tile-content > .container > .col-md-8,
	.Tile-content > .container > .col-md-12 {
		padding-left: 15px !important;	
	}
}

@media (max-width: 600px) {
  .Tile4x .Tile-content,
  .Tile4x .type-teaser-images {
    min-height: 140px;
  }
  .academytypeSelection .Tile-flyout .js-toggle-tile {
	right: 10px !important;
  }
  .academytypeSelection .Tile-flyout h4 {
	padding-right: 55px;
  }
}

@media (max-width: 480px) {
  .Tile .accessoryTeaserImg,	
  .Tile .accessoryTeaserContent {
	width: 100%;	
  }
  .Tile .accessoryTeaserImg {
    float: none;
  }	
}