@charset "UTF-8";

@media (min-width:576px){}
@media (min-width:768px){}
@media (min-width:992px){}
@media (min-width:1200px){}
@media (min-width:1400px){}

.accordionhead a.klapper {
	right:auto;
	left:0;
	opacity:1;
	top: 4px;
    position: absolute;
	text-decoration: none;
	border-bottom: none;
}

div.accordionhead:has(a.klapper:focus-visible) {
	outline: 2px solid black; 
	outline-offset: 4px;
	border-radius: 4px; 
  }

@media (min-width:992px){
	.accordionhead .klapper {
		top: 6px;
	}
}

.accordionhead {
	clear:both;
	cursor:pointer;
	display: block;
	padding: 0;
    position: relative;
    min-height: 25px;
	border:0;
    margin-top: 0;
	margin-bottom:0;
	font-family: 'ApproachKoelnSemiBold';
	font-weight: normal;
	border-left:0;
}

.accordionhead.accordionheadopened {
	/* position: -webkit-sticky;
	position: sticky;
	background:#fff;
	top:0;
	clear:both;
	z-index: 99;
    transition:top .5s ease-in-out; */
}
.accordionhead img{
	transition: 500ms ease all;
    transform: rotate(0);
}

.accordionhead.accordionheadopened img{
    transform: rotate(45deg);
}

body#body.navigation-header-shown .accordionhead.accordionheadopened {
	/* top:60px; */
}
@media (min-width:992px){
	body#body.navigation-header-shown .accordionhead.accordionheadopened {
		/* top:80px */
	}
}



.accordionhead.accordionheadopened h2 {
	
}	


*:not(.accordion-wrapper) + .accordion-wrapper {
	margin-top:3rem;
}
.accordion-wrapper  {
	padding: 0.5rem 0;
	border-top:var(--gray-border);
	border-bottom:var(--gray-border);
	/* margin-top: 3rem; */
}
.accordion-wrapper + .accordion-wrapper {
	border-top:0;
	margin-top: 0;
}

/* first el after acc */
.accordion-wrapper + :not(.accordion-wrapper) {
	margin-top:3rem;
}

/* first of type is not for class names*/
/* .accordion-wrapper:first-of-type { */
/* .accordion-wrapper:not(.accordion-wrapper ~ .accordion-wrapper) {
	margin-top: 2em;
}
div.accordion-wrapper:last-of-type {
	border-bottom:3px solid #eae8e3;
	margin-bottom:2rem;
}
.accordion-wrapper ~ .accordion-wrapper {
	/* background:Green; * /
}

div.accordion-wrapper:nth-of-type(2){
	background:red;
}
div.accordion-wrapper:nth-of-type(2) h1 {
	background:orange;
}

div.accordion-wrapper:nth-of-type(2)  {
	background:yellow;
}

container-element > div:nth-last-child(1 of :not(.select)) */

/* .accordionpanel + .accordionhead {
	margin-top: 0.5rem;
}	 */


.accordionhead span,
.accordionhead h2,
.accordionhead h3 {
	margin:0;
	padding-left: 2rem;
	padding-top:.5rem;
	padding-bottom:.5rem;
}

.accordionhead span {
	display:inline-block;
}

.accordionhead h2,
.accordionhead h3 {
	font-size: 1.25rem;
}

@media (max-width: 580px){
	.accordionpanel{
		/* border-left: 1px solid #285F8B; */
		/* border-left: 1px solid #ccc; */
		padding: 1rem 0 1rem 0; /*2rem;*/
	}
}
@media (min-width:576px){
	.accordionpanel.accordionopen {
		margin: 0;
		/* border-left: 1px solid #285F8B; */
		/* border-left: 1px solid #ccc; */
		padding: 1rem 0 1rem 2.45rem; /*2rem;*/
	}
}
@media (min-width:768px){}
@media (min-width:992px){
	.accordionhead h2,
	.accordionhead h3 {
		font-size: 1.375rem;
	}
}
@media (min-width:1200px){}
@media (min-width:1400px){}



.produkt .accordionhead h2 {}


html.js .accordionpanel {
    display: none;
}

html.js .accordionpanel.accordionopen {
    display: block;
}

.accordionpanel{
    margin: 0;
	/* border-left: 1px solid #285F8B; */
	/* border-left: 1px solid #ccc; */
	/* padding: 1rem 0 1rem 2.45rem; 2rem; */
	padding-left: 2.45rem;
	padding-top: 1rem;
}

.accordionpanel h2,
.accordionpanel h3 {
    font-size: 1.25rem;
}

/* .accordionhead + *:not(.accordionhead) {
	margin-top:1em;
} */