/* ------------------------ 
	COLORCODE
	------------------------ */
	footer #colorcode { display: none; }
	.start footer #colorcode { display: block; }
	
	#colorcode { padding: 5px 0; }
	
	#colorcode but { 
		padding: 2px 12px; 
		background: #2B2936; 
		color: #fff;
		border: 3px solid #EFECE5;
		cursor: pointer;
	}
	
	#colorcode but:hover,
	#colorcode but.active { border: 3px solid #505050;}
	
	
	/* ------------------------ 
	MAIN
	------------------------ */
	body {
		padding: 0px;
		margin: 0 auto;
	}
	#wrapper,
	header,
	section { 
		position: relative;
		margin: auto;
    }
	#wrapper { overflow: hidden; }
	section { padding: 3% 2%;}
	.single-post section {padding-bottom: 0px;}
	
	header,
	#tp-grid {
		transition: .5s ease;
		-moz-transition: all .5s ease-out;
		-webkit-transition: all .5s ease-out;
		
	}
	#tp-grid { margin-top: 70px;}
	
	.single #thepost,
	.error404 #thepost { margin-top: 30px;}
	
	.single-team #tp-grid { 
		background: #FAF7F2;
		/*change*/
		/*background: #EAE7E2;*/
	}
	.error404 #tp-grid { background: #EFECE5; }
	
	/* ------------------------ 
	TOPHEADER
	------------------------ */	
	section#topheader { 
		position:relative; 	
		padding: 4rem;
	}
	section#topheader .intro { 
		position:absolute;
		top: 50%;
		left: 50%;
    	transform: translate(-50%, -50%);
		width: 100%; 
		padding: 0 2%;
	}
	
	.container.animation { margin-top: 18px; }
	
	#topheader #herotitle { 
		position: absolute; 
		left: 5%;
		top: 40%; 
	}
	
	#herotitle h1,
	#herotitle h2,
	#herotitle h3,
	#herotitle p { 
		text-align: left; 
		padding: .2rem 1rem 0 1rem; 
		display: inline-block;
		/*text-transform: uppercase;*/
	}
	#herotitle h3 {
		padding: .2rem 1rem;
	}
	
	#herotitle h1 { font-size: 3.2rem;  }
	#herotitle h1,
	#herotitle h2,
	#herotitle h3 { 
		background: #2b2936; 
		/*changes*/
		/*background: #626262;*/
		/*background: #323532;*/
		display: inline-block; 
	}
	#herotitle p {background: #EFECE5; }
	#herotitle .two,
	#herotitle .three { margin-top: 6px; }
	
	/* ------------------------ 
	ABOUT
	------------------------ */	
	#t-about { height: 20px;  }
	section#about .quote,
	section#about .title { 
		max-width: 1400px; 
		margin: auto;  
	}
	section#about .quote { margin: 1rem auto; }
	section#about #gridbox {padding: 40px 0 40px; }
	section#about #gridbox .title {padding-bottom: 40px; }
	section#about .col-4 { padding: 0 2%; }
	section#about .col-4 h3,
	section#about .col-4 h4  { padding: 30px 0;}
	
	
	/* ------------------------ 
	DESCRIPTION
	------------------------ */	
	#description {padding-bottom: 2rem;}
	#description .content { 
		padding: 2rem;
		padding-top: 4rem !important;
		background: #fff;
		/*border-radius: 25px;*/
	 }
	 #description .content p { padding: 1rem; }
	 
	.accordion-header .center {
		display: inline-block; 
		padding: 1.5rem 0 0;
	}
	.accordion-header .center p {
		padding: .5rem 2rem; 
		border-radius: 25px;
	 }
	 
	 /*lang selector*/
	 #description .en-vers { display: none; }
	 
	 #description .accordion-body { position: relative; }
	 #description .language { 
		position: absolute; 
		top: 20px;
		right: 40px;
	}
	#description .language p { 
		color: #2b2936; 
		line-height: 1.1em; 
		text-align: right;
	} 
	#description .language a:hover p,
	#description .language p.active {color: #7ABEAD;}
	#description .language .icon { 
		content: '';
		background: url('../img/svg/icon-language-grey.svg') top center no-repeat;
		position: absolute; 
		top: -4px;
		left: -55px;
		transform: scale(.75);
		width: 60px;
		height: 60px;
	}

	
	
	
	/* ------------------------ 
	TEAM SLIDER
	------------------------ */	
	#teamslider #swiper {padding: 3rem 3rem 1rem;}
	#teamslider .swiper-container {padding-bottom: 20px;}
	
	#teamslider .swiper-wrapper {height: 400px;}
	#teamslider .swiper-slide {max-height: 350px;}
	
	/*image*/
	#teamslider #team-image { overflow: hidden; margin-top: .5rem; }
	#teamslider .swiper-slide img {
		height: 300px;  
		width: 260px;
		filter: grayscale(1);
		transform: scale(1);
		
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
		
		transition-delay: 0s;
		transition-duration: .5s;
		transition-property: transform;
		transition-timing-function: ease;
	}
	#teamslider .swiper-slide img:hover { 
		filter: grayscale(0);
		transform: scale(1.03);
	}
	
	/*bullets*/
	.home .swiper-pagination,
	.single .swiper-pagination { 
		bottom: 40px !important; 
	}
	
	/*arrows*/
	.home .swiper-button-next,
	.single .swiper-button-next {
		 left: 90px;
		 background: url('../img/svg/arrow_white_next.svg') top center no-repeat;
	}
	.home .swiper-button-prev,
	.single .swiper-button-prev {
		 left: 0px; 
		 background: url('../img/svg/arrow_white_prev.svg') top center no-repeat;
	}
	 
	.home .swiper-button-prev, 
	.home .swiper-button-next,
	.single .swiper-button-prev, 
	.single .swiper-button-next {
		top: auto;
		bottom: 20px;
		opacity: 1;
		width: 90px;
		height: 40px;
		cursor: pointer;
		transform: scale(.9);
	}
	.home .swiper-button-prev:hover, 
	.home .swiper-button-next:hover,
	.single .swiper-button-prev:hover, 
	.single .swiper-button-next:hover {
		opacity: .8;
	}
	
	.home .swiper-pagination-bullet,
	.single .swiper-pagination-bullet {
		width: 50px;
		height: 3px;
		border-radius: 0px;
	}
	
	
	
	/* ------------------------ 
	TEXTE SLIDER
	------------------------ */	
	#texteslider #swiper {padding: 3rem 3rem 1rem;}
	#texteslider .swiper-container {padding-bottom: 20px;}
	
	#texteslider .swiper-wrapper {height: 230px;}
	#texteslider .swiper-slide {max-height: 160px;  }
	
	#texteslider .texte.contain { 	
		padding: 1rem;
		height: 160px;
		box-shadow: 0 3px 6px rgba(0,0,0,0.2);
		background: #fff;
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;	
	}
	#texteslider .texte.contain h4 br { display: none; }
	
	/*arrows*/
	#texteslider .swiper-button-next {
		 background: url('../img/svg/arrow_black_next.svg') top center no-repeat;
	}
	#texteslider .swiper-button-prev {
		 background: url('../img/svg/arrow_black_prev.svg') top center no-repeat;
	}
	
	
	/* ------------------------ 
	TEXTE SINGLE SLIDER
	------------------------ */	
	.single #texteslider { 
		width: 104%;	
		margin-left: -2%; 
		padding-top: 2rem; 
	}
	
	/* ------------------------ 
	TEXTE
	------------------------ */	
	/* ---- OVERVIEW ---- */
	section#projects .projectbox { margin: 5rem 0; }
	section#projects #herotitle { margin: 3rem 2rem; }
	
	/*frame*/
	section#projects .projectbox .col-11 { 
		/*border: 2px solid #000;
		border: 4px solid #EFECE5;
		border: 4px solid #8FCB86;*/
		border-radius: 25px;
		position: relative;
		padding: 1rem;
	}
	
	/*introtext*/
	section#projects .projectbox .introtext { 
		position: absolute;
		top: -70px;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	
	section#projects .projectbox .col-4 .contain p.title { line-height: 1.35rem;}
	
	
	section#projects .projectbox .col-11 .col-12 {margin-top:210px; }
	section#projects .projectbox .col-4 { padding: 1rem;}
	section#projects .projectbox .col-4 .contain { 
		height: 250px; 
		padding: 1.5rem 2rem 2rem;
		display: block; 
		/*changes*/
		/*border-radius: 25px;*/
		position: relative;  
		cursor: pointer; 
		box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 6px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	}
	
	/*introtext*/
	section#projects .projectbox .col-4.introtext .contain { 
		height: 200px; 
		/*border-radius: 25px;*/
		/*box-shadow: none !important;*/
	}
	section#projects .projectbox .col-4.introtext .contain .lesenbut {
		background: #2b2936;
		color: #fff;
		left: 50%;
		transform: translate(-50%, 0%);
	}
	
	section#projects .projectbox .col-4 .contain h4 br { display: none;}
	section#projects .projectbox .col-4 .author { 
		display: inline-block; 
		margin-top: 10px; 
	}

	section#projects .projectbox .col-4 .lesenbut { 
		position: absolute;
		bottom: 1rem; 
		font-size: .9rem; 
		background: #efece5;
		padding: .2rem 1rem; 
		border-radius: 15px;
	}
	
	/*hover*/
	section#projects .projectbox .col-4 .contain:hover {
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}
	
	
	/* ---- SINGLE TEXTE---- */

	/*herotitle*/
	.single #herotitle {
		margin-bottom: 2rem;
		margin-bottom: 1rem;
	 } 
	 .single #herotitle .one {
		padding: .2rem 1rem 0 1rem;
		background: #efece5;
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}
	.single-team #herotitle .one {background: #ccc; }
	.single-post #herotitle .one:hover p {color: #fff;}

	.single #herotitle .one a:nth-child(2) p:before {
		content: '&';
		display: inline-block; 
		margin: 0 .5rem; 
		color: #090909 !important;
	}

	
	.single #herotitle p {
		text-transform: none; 
		letter-spacing: 1px;
		padding: 0px;
		background: none;
	}
	.single #herotitle h2,
	.single #herotitle h3 { 
		padding: .2rem 1rem;
		background: none;
		padding: 0rem;
	 }
	
	.single .publikationen #textbox .contain.default {padding: 1rem 0; }
	.single .publikationen #textbox .contain {padding: 3rem 0; }
	
	/* image */
	.single .publikationen #textbox .contain.right-img,
	.single .publikationen #textbox .contain.left-img { margin-bottom: 3rem; }
	.single .publikationen #textbox .image.left { padding-right: 3rem;  }
	.single .publikationen #textbox .image.right { padding-left: 3rem;  }
	.single .publikationen #textbox img { 
	 	vertical-align: top; 
		margin-top: 30px;
		/*box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 100px 0px;*/
		box-shadow: rgba(12, 12, 46, 0.15) 0px 48px 100px 0px;
	}
	
	
	/* textbox */
	.single .publikationen #textbox { padding: 1rem 0rem 3rem; }
	.single .publikationen #textbox .editor p { text-align: justify; }
	.single .publikationen #textbox .editor h4 { 
		font-family: 'montreal-bold', sans-serif;
		padding: 1rem 0; 
	} 
	
	/* ENPFEHLUNGEN */
	 .single .publikationen #textbox .empfehlungen.contain { 
	 	/*background: red;*/ 
		padding-top: 0px; 
	}
	 .single .publikationen #textbox .empfehlungen .headline { 
	 	padding-bottom: .5rem;
	 	color: #626262; 
	}
	.empfehlungen li:before {
		top: 10px; 
		width: 6px;
		height: 6px;
	}
	

	/* LITERATURQUELLEN */
	.single .publikationen .literatur { 
		padding-top: 1rem; 
		text-align: center; 
	}
	
	.single .publikationen .literatur h3 { padding-bottom: .5rem; }
	.single .publikationen .literatur ul,
	.page #publikation ul { max-width: 1200px;}
	.single .publikationen .literatur li { 
		padding: 10px 0; 
		text-align: left;
	}
	.single .publikationen .literatur li p {padding-right: 10px; }
	
	
	/* DOWNLOAD */
	.single .publikationen .download { 
		position: absolute; 
		top: 0px;
		right: 130px;
		cursor: pointer;
		margin-top: 3rem; 
	}
	.single .publikationen .download a { text-decoration: none !important; }
	.single .publikationen .download p { 
		color: #2b2936; 
		line-height: 1.1em; 
		text-align: right;
	} 
	
	.single .publikationen .download .icon { 
		content: '';
		background: url('../img/svg/download-pdf.svg') top center no-repeat;
		position: absolute; 
		top: -5px;
		left: 100px;
		transform: scale(.80);
		width: 70px;
		height: 100px;
	}
	
	
	/* LANGUAGE */
	/*active / inactive*/
	/*.single.de .language p.link.de.actice { display: block; }
	.single.de .language p.link.en { display: none; }
	.single.de .language a.link.en { display: block; }
	.single.de .language a.link.de { display: none; }
	
	.single.en .language p.link.en.actice { display: block; }
	.single.en .language p.link.de { display: none; }
	.single.en .language a.link.de { display: block; }
	.single.en .language a.link.en { display: none; }*/
	
	
	.single .publikationen .language { 
		position: absolute; 
		top: 0px;
		right: 260px;
		margin-top: 3rem; 
		height: 70px;
	}
	.single .publikationen .language p { 
		color: #2b2936; 
		line-height: 1.1em; 
		text-align: right;
		/*display: inline-block; */
	} 
	
	.single .publikationen .language .icon { 
		content: '';
		background: url('../img/svg/icon-language-grey.svg') top center no-repeat;
		position: absolute; 
		top: -4px;
		left: -55px;
		transform: scale(.75);
		width: 60px;
		height: 60px;
	}

	
	
	
	
	
	/* gallery */
	.single .publikationen #imagebox { 
		margin-top: 5%;
		/*background: #aeb1fc;*/
	}
	.single .publikationen #gallery { }
	.single .publikationen #gallery .grid-item { 
		padding: .5rem; 
		vertical-align: top;
	}
	.single .publikationen #gallery .grid-item .contain { 
		vertical-align: top; 
		box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 6px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	}
	
	
	/* ---- PREV / NEXT POST---- */
	.next-post {float: right; }
	#next-prev-post a:hover p {color: #777 }
	
	#next-prev-post a .prev,
	#next-prev-post a .next {
		background: url('../img/svg/arrow_black_prev.svg') top center no-repeat;
		width: 90px;
		height: 40px;
		cursor: pointer;
		transform: scale(.9);
		transition: .2s ease all;
		-moz-transition: .2s ease all;
		-webkit-transition: .2s ease all;
	}	
	#next-prev-post a .next {
		background: url('../img/svg/arrow_black_next.svg') top center no-repeat;
    }
	
	#next-prev-post a:hover .next { margin-right: -10px; }
	#next-prev-post a:hover .prev { margin-left: -10px;}
	
	/* ---- SINGLE CONTACT---- */
	/*.single-post section#contact { border-top: 20px solid #EFECE5; }*/

	
	
	/* ------------------------ 
	TEAM
	------------------------ */	
	/* ---- OVERVIEW ---- */
	section#team .teambox { 
		margin: 5rem 0; 
		padding: 0 2%;
	}
	section#team #herotitle { margin: 3rem 0rem; }
	section#team #herotitle p {background: #fff; }
	section#team .teambox  .col-4 { padding: 1rem;}
	section#team .teambox  .col-4 .contain { 
		height: 200px; 
		padding: 1.5rem 2rem 2rem;
		display: block; 
		/*changes*/
		/*border-radius: 25px;*/
		background: #aeb1fc; 
		background: #fff;
		position: relative;  
		cursor: pointer; 
		box-shadow: rgba(50, 50, 93, 0.25) 0px 3px 6px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
	}
	section#team .teambox  .col-4 .description { 
		padding-top: .3rem; 
	}

	section#team .teambox  .col-4 .lesenbut { 
		position: absolute;
		bottom: 1rem; 
		font-size: .9rem; 
		background: #EFECE5; 
		padding: .2rem 1rem; 
		border-radius: 15px;
	}
	
	/*hover*/
	section#team .teambox  .col-4 .contain:hover {
		box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
	}
	section#team .teambox .col-4 .contain:hover .title { color: #fff;}
	section#team .teambox  .col-4 .contain:hover .lesenbut {background: #fff;}
	
	
	/* SINGLE TEAM */	
	.single-team .tablet,
	.single-team #texteslider { display: none; } 
	
	.single-team #herotitle p {text-transform: uppercase; }
	
	/* image */
	.single #teambox .image { 
		width: 400px;
		padding-right: 80px; 
		margin-top: 10px;
	}

	
	/* textbox */
	.single #teambox .textbox { 
		padding: 0 0 2rem; 
		width: calc(100% - 400px); 
		max-width: 1200px;
	}
	.single #teambox .intro { padding-bottom: 1rem;} 
	.single #teambox .copy { padding-bottom: 2rem;} 
	.single #teambox .copy p { 
		display: inline-block; 
		padding-bottom: 1rem; 
		text-align: justify;
	} 
	
	/* list */
	.single #teambox #listbox h3,
	.single #teambox #listbox h4 { padding-bottom: 1rem;  }
	.single #teambox #listbox { padding-bottom: 2rem; }
	.single #teambox #listbox .list {padding-bottom: 1rem;}

	/* ------------------------ 
	PUBLIKATION
	------------------------ */	
	section#publikation { }
	
	section#publikation #contain {
		background: #fff;
		padding: 2rem 2rem 0;
		display: block; 
	}
	section#publikation h3 {padding-bottom: 1em;}
	section#publikation ul { padding-bottom: 2rem; }
	section#publikation li {padding: 10px 0;}
	
	/* ------------------------ 
	KONTAKT
	------------------------ */	
	section#contact .kontaktbox { padding-right: 5%;}
	section#contact .adresse { padding-top: 10px; }
	section#contact p { padding-bottom: 20px; }
	section#contact a { 
		text-decoration: underline;
		color: #090909; 
	}
	
	section#contact .officebox .logo { margin: 1rem 1rem 1rem -10px;  }
	section#contact .officebox img { 
		max-width: 240px; 
		filter: grayscale(100%);
		object-fit: contain;
	}

	
	/* ------------------------ 
	DATA
	------------------------ */	
	/*body.data,*/
	body.data #tp-grid { background: #f2f0ec; }

	.data .containbox { margin: 4rem 0;}
	.data #tp-grid { margin-top: 80px;}
	
	.data .textbox { margin-top: 2rem;}
	.data .textbox h4 { padding-bottom: .3rem; }
	.data .textbox a { 
		text-decoration: underline; 
		font-family: 'montreal-semibolditalic', sans-serif;
	}
	
	/* ------------------------ 
	ERROR
	------------------------ */	
	.error404 .col-8 {margin: 3rem 0 5rem; }
	
	
	/* ------------------------ 
	FOOTER
	------------------------ */	
	footer { position: relative; }
	footer .copyright {
		position: absolute; 
		top: 20px; 
		left: 35px;
		text-align: left; 
	}
	
	footer ul { padding: 15px 30px 30px 0; }
	footer ul li { 
		display: inline-block;
		padding: 0 6px;
	}
	footer hr {
	  height:1px;
	  margin: auto;
	  padding: 0px; 
	}
	
	
	
	/* ------------------------ 
	COOKIES
	------------------------ */
	moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, 
	#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a,
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main h3.tab-title, 
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
		font-weight: 400 !important; 
	}
	
	/*banner*/
	#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme {
		background-color: #C6E3A9 !important; 
		border-top: 0px solid #C6E3A9 !important; 
	}
	#moove_gdpr_cookie_info_bar.moove-gdpr-light-scheme p {
		/*font-family: 'RobotoCond-Regular', sans-serif !important; */
		font-family: 'montreal-medium', sans-serif !important; 
		font-weight: 300 !important; 
		color: #000 !important;
		font-size: 14px !important;
		line-height: 1.3em !important;
	}
	
	#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-close-btn:hover {background: #000 !important; cursor: pointer; }
	#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-close-btn:hover .moovegdpr-arrow-close:before,
	#moove_gdpr_cookie_info_bar button.moove-gdpr-infobar-close-btn:hover .moovegdpr-arrow-close:after  {color: #fff !important;}
	
	/*lightbox*/
	.gdpr_lightbox {background: rgba(0,0,0,.65) !important; }
	.gdpr_lightbox .moove-gdpr-tab-content li:before {top: 8px;}
	.gdpr_lightbox #moove-gdpr-menu li:before {display: none !important;}

	/*close*/
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, 
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
		background-color: #9FBE80 !important;
		border: 1px solid #9FBE80 !important;
	}
	
	/*logo*/
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content.logo-position-left .moove-gdpr-company-logo-holder {
		text-align: center !important; 
	}
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img {
		max-height: 150px  !important;
		max-width: 90% !important;
	}
	
	/*button*/
	#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton, 
	.gdpr_cookie_settings_shortcode_content .gdpr-shr-button.button-green {
		background-color: #9FBE80 !important;
		border-color: #9FBE80 !important;
	}
	
	@media (min-width: 768px) and (max-width: 999px) { 
		#moove_gdpr_cookie_modal .moove-gdpr-modal-content {transform: scale(1) !important;}
		
	}
	
	
	/*************************************************  
	HOWTO
	*************************************************/	
	/*font*/
	body.howto {font-family: 'montreal-medium', sans-serif;}
	body.howto .copy {
		line-height: 1.55rem;
		font-size: 1.2rem;
	}
	.howto li:before {display: none;}
	
	.howto h1, 
	.howto h2, 
	.howto h3, 
	.howto h4, 
	.howto p, 
	.howto li {text-align: left;}

	
	.howto h2 {padding-bottom: 2rem; }
	.howto h3 { 
		margin-bottom: .5rem; 
		text-transform: uppercase; 
		font-size: 1.4rem;
	}
	.howto .subline { margin-bottom: 1rem; }
	
	
	.howto hr {
		display: block;
		height: 1px;
		border-top: 1px solid #000;
		margin-bottom: .5rem;
	}
	
	/*grid*/
   .howto section {margin-top: 50px;}
   .howto .content_contain { 
	  padding: 20px 0px 20px 80px;
	  text-align: left; 
	  clear: both;
	}
   .howto .col-9 { padding-left: 80px;}

   .howto .float_copy .copy {
	   float: left; 
	   padding: 0 80px 30px 0px;
     }
	
	/*image*/
	.howto .image img { 
		min-height: 100%; 
		object-fit: contain; 
	}
	.howto .imagebox,
	.howto .image,
	.howto .image img { vertical-align: top;}
	
	.howto .image.repeat { padding: 0 20px; }
	
	 /*list*/
	.howto ul, 
	.howto li {list-style-type: square;}

	.howto ul {padding-left: 20px; }
	.howto ul > br { display: none; }
	
	
	/*video*/
	.howto .video {padding: 30px 0 80px; }
	.howto iframe {margin-left: -35px;}
	
    .embed-container { 
        position: relative; 
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    } 

    .embed-container iframe,
    .embed-container object,
    .embed-container embed { 
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
	
	/* 1280 */
	@media only screen and (max-width: 1279px) { 
	 .howto .col-10 {width: 96%;}
	}