@CHARSET "UTF-8";
.flex{
  display: flex;
}

.r5{
    right: 5px;
}
.l5{
    left: 5px;
}
.r10{
    right: 10px;
}
.l10{
    left: 10px;
}
.r20{
    right: 20px;
}
.pr-25{
    padding-right: 25px !important ;
}
@media screen and (max-width:1024px) {
  
    
  .home-grid {
    width: 33.3%;
  }
  
	.speech-bubble {
		left: 20px;
	}
	.header-socials {
		bottom: 12%;
	}
	.r0-md {
		right: 0px;
	}
	.width-sm-10 {
		width: 10% !important;
	}
	.width-sm-20 {
		width: 20% !important;
	}
	.width-sm-30 {
		width: 30% !important;
	}
	.width-sm-40 {
		width: 40% !important;
	}
	.width-sm-50 {
		width: 50% !important;
	}
	.width-sm-60 {
		width: 60% !important;
	}
	.width-sm-70 {
		width: 70% !important;
	}
	.width-sm-80 {
		width: 80% !important;
	}
	.width-sm-90 {
		width: 90% !important;
	}
  

  #category-list{
    margin-top: 23px;
  }
	/* tools */
	.show-md {
		display: initial;
	}
	.hide-md {
		display: none;
	}
	.no-bg-md {
		background: none !important;
	}
	.mr0-md {
		margin-right: 0;
	}
	.text20-md {
		font-size: 20px;
	}
	.text22-md {
		font-size: 22px;
	}
	.text30-md {
		font-size: 30px;
	}
	.text36-md {
		font-size: 36px;
	}
	.text12-md {
		font-size: 12px;
	}
	.text13-md {
		font-size: 13px;
	}
	.text14-md {
		font-size: 14px;
	}
  
  .flex-md{
    display: flex;
    
  }
  .block-md{
    display: block;
    
  }
  .r0-md{
    right: 0px!important;
   }
  .r5-md{
    right: 5px!important;
   }
  .l5-md{
    left: 5px!important;
  }
  .r10-md{
    right: 10px!important;
  }
  .l10-md{
    left: 10px!important;
  }
  .info-box{
    
    margin-left:0 !important;
    margin-right:0 !important;
  }
  
  .box-hight{
    height:305px;
  }
  .mr-5-md{
    margin-right: 5px;
  }
   .no-ml-md{
    margin-left: 0px !important;
  }
  
  .no-mr-md{
    margin-right: 0px!important;
  }
  .no-pl-md{
    padding-left: 0px!important;
  }
  .pr-5-md{
    padding-right: 5px !important;
   } 
  .pl-5-md{
    padding-left: 5px;
   }
  
  .no-pr-md{
    padding-right: 0px!important;
  }
  
}

@media screen and (max-width:770px) {
	.file-size {
		font-size: 12px;
		margin-right: 18px;
		margin-top: 3px;
	}
}

@media screen and (max-width:670px) {
	.image-box-image img {
		width: 100%;
	}
	.main-menu li * {
		font-size: 25px;
	}
	.has-video {
		margin-top: auto !important;
		position: static;
	}
	.play-small {
		zoom: 70%;
	}
	.accordion h3 {
		margin-bottom: 0;
	}
	.image-box .container {
		max-height: none;
	}
	.images-box {
		padding: 10px 5px 10px 10px;
	}
	.images-box-image {
		height: 173px;
	}
	.header-socials {
		zoom: 70%;
		right: 5%;
	}
	.header-downloads {
		right: 3%;
		bottom: 130px;
	}
	.link-bar {
		border-bottom: none;
	}
	.main-slider-box {
		top: 0;
	}
	.l5-sm {
		left: 5px;
	}
	.r0-sm {
		right: 0px;
	}
	.r20-sm {
		right: 20px;
	}
  .no-ml-sm{
    margin-left: 0px;
  }
  .mr-5-sm{
    margin-right: 5px;
  }
  
  .no-mr-sm{
    margin-right: 0px;
  }
  .no-pl-sm{
    padding-left: 0px;
  }
  
  .no-pr-sm{
    padding-right: 0px;
  }
	footer li {
		display: block;
		margin-bottom: 20px;
	}
	.speech-bubble {
		left: 20px;
		top: 440px;
	}
	.title-box {
		height: auto;
		top: 0;
		margin-bottom: 0;
	}
	.download-box-sm {
		margin-top: -126px;
	}
	.title-box-subtitle {
		margin-top: 0;
	}
	.slideout-button {
		position: absolute;
		right: 10px;
		top: 30px;
	}
	.text-box {
		padding: 0px 20px 10px 10px;
	}
	.images-box h3 {
		min-height: 52px;
	}
	.whiteArrow {
		background-image: url(../img/arrow_mobil.svg);
		background-repeat: no-repeat;
		background-position: 95% 50%;
		position: absolute;
	}
	.file-size {
		font-size: 16px;
		margin-right: 30px;
		margin-top: 0px;
	}

	/* tools */
	.float-right-sm {
		float: right;
	}
	.no-float-sm {
		float: none;
	}
	.clear-sm {
		clear: both;
	}
	.height-auto-sm {
		height: auto !important;
	}
	.text20-sm {
		font-size: 20px;
	}
	.text16-sm {
		font-size: 16px;
	}
	.text50-sm {
		font-size: 50px;
	}
	.text22-sm {
		font-size: 22px;
	}
	.text25-sm {
		font-size: 25px;
	}
	.text30-sm {
		font-size: 30px;
	}
	.text17-sm {
		font-size: 17px;
	}
	.text12-sm {
		font-size: 12px;
	}
	.r0-sm {
		right: 0;
	}
	.r20-sm {
		right: 20px;
	}
	.pull-left-sm {
		float: left;
	}
	.pull-right-sm {
		float: right;
	}
	.pull-none-sm {
		float: none;
	}
	.no-bg-sm {
		background: none !important;
	}
	.text-shadow {
		text-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4)
	}
	.show-sm {
		display: initial;
	}
	.hide-sm {
		display: none;
	}
	.text-left-sm {
		text-align: left;
	}
	.static-sm {
		position: static;
	}
	.full-width-sm {
		width: 100%;
	}
  .flex-sm{
    display: flex;
  }
  .block-sm{
    display: block;
    
  }
  .r0-ms{
    right: 0px!important;
   }
  .r5-sm{
    right: 5px!important;
   }
  .l5-sm{
    left: 5px!important;
  }
  .r10-sm{
    right: 10px!important;
  }
  .l10-sm{
    left: 10px!important;
  }
  
  .info-box{
    
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .box-hight{
    height:344px;
  }

	/*!
     * jQuery Accordion 0.0.1
     * (c) 2014 Victor Fernandez <victor@vctrfrnndz.com>
     * MIT Licensed. 
     */

	/* Requirements */
	[data-accordion] [data-content] {
		overflow: hidden;
		max-height: 0;
	}

	/* Basic Theme */
	[data-accordion] {
		line-height: 1;
	}
	[data-control], [data-content]>* {
		
	}
	[data-content] [data-accordion] {
		
	}
	[data-accordion] [data-control] {
		position: relative;
		padding: 20px;
		padding-right: 60px;
		background: #EFEFEF;
	}
	[data-accordion]>[data-control]:after {
		content: "";
		position: absolute;
		right: 20px;
		top: 35%;
		height: 20px;
		width: 15px;
		background: url('../img/arrow_acc.svg') center center no-repeat;
		-webkit-transform: rotate(-270deg);
		-ms-transform: rotate(-270deg);
		transform: rotate(-270deg);
	}
	[data-accordion].open>[data-control]:after {
		-webkit-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		transform: rotate(-90deg);
	}
}

@media screen and (max-width:386px) {
	.file-size {
		display: none;
	}
}

@media screen and (max-width:320px) {
	.image-box-text {
		left: 20px;
		bottom: 0;
	}
	.image-box-text * {
		font-size: 22px;
	}
	.text img {
		max-width: 100%;
	}
	.play-small {
		zoom: 50%;
	}
	.slideout-button {
		position: absolute;
		right: 10px;
		top: 15px;
	}
	.header-socials {
		zoom: 50%;
	}
	.images-box {
		padding-left: 0;
		padding-right: 0;
	}
	.text-box {
		padding: 0;
	}
	.arrow {
		display: block;
	}
	.text12-xs {
		font-size: 12px;
	}
	.text15-xs {
		font-size: 15px;
	}
	.text22-xs {
		font-size: 22px;
	}
	.images-box h3 {
		min-height: 32px;
	}
	.show-xs {
		display: initial;
	}

	/* tools */
	.hide-xs {
		display: none;
	}
	.bar-link {
		padding-left: 10%;
	}
}