/**
 * (en) jQuery Accordion for NAME
 * (de) jQuery Accordion für NAME
 *
 * @copyright			Copyright 2015, crossbase mediasolution GmbH
 * @version				1.0
 */

@media screen
{

	.accordion {
		width: 100%;
		margin: 0;
		padding: 0;
		border-top: 1px solid #dedfe0;
	}

	p + .seamless-box,
	ul + .seamless-box,
	h4 + .seamless-box {
		margin-top: 0 !important;
	}

	p + .seamless-box .accordion,
	ul + .seamless-box .accordion,
	h4 + .seamless-box .accordion {
	}

	.accordion div.open {
		display: block;
	}

	/* accordion header */

 .accordion h3.h3accordion {
		cursor: pointer;
		margin: 0;
		padding: 14px 30px 14px 0;
		border-bottom: 1px solid #dedfe0;
		user-select: none;
		-o-user-select:none;
		-moz-user-select: none;
		-khtml-user-select: none;
		-webkit-user-select: none;
		position: relative;
		font-size: 20px;
		line-height: 22px;
		letter-spacing: 0;
	}

	.accordion h3.h3accordion.current {
		font-family: "TheSansPlain", "cnPlain", "Verdana", sans-serif;;
	}

	.accordion h3.h3accordion.current::after {
		font-family: FontAwesome;
		content: "\f106";
		position: absolute;
		right: 10px;
		top: 16px;
		-webkit-transition: transform 300ms ease 0s;
		-moz-transition: transform 300ms ease 0s;
		-o-transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		-webkit-transform: rotate(-180deg);
		-moz-transform: rotate(-180deg);
		-o-transform: rotate(-180deg);
		transform: rotate(-180deg);
	}

	.accordion h3.h3accordion::after {
		font-family: FontAwesome;
		content: "\f106";
		position: absolute;
		right: 10px;
		top: 13px;
		-webkit-transition: transform 300ms ease 0s;
		-moz-transition: transform 300ms ease 0s;
		-o-transition: transform 300ms ease 0s;
		transition: transform 300ms ease 0s;
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}

	.accordion h3.h3accordion.error {
		font-family: "TheSansPlain", "cnPlain", "Verdana", sans-serif;
		color: #ff0000;
		background-color: #fff;
	}

	.accordion .pane {
		display: none;
		overflow: auto;
		padding: 30px 0 0 0;
		border-bottom: 1px solid #dedfe0;
		overflow: hidden;
	}

	.accordion .pane.last-pane {
		border-bottom: none;
		margin: 0 0 -30px 0;
	}

}

	/*------------------------------------------------------------------------------------------------------*/
	/* (en) Media Query 979 */
	/* (de) Media Query 979 */
	/*------------------------------------------------------------------------------------------------------*/

@media
screen and (max-width: 979px) {

	.accordion .pane {
		padding: 20px 0 0 0;
	}

	.accordion .pane.last-pane {
		border-bottom: none;
		margin: 0 0 -30px 0;
		padding: 20px 0 0 0;
	}

 .accordion h3.h3accordion {
		font-size: 17px;
		line-height: 22px;
	}


}