@charset "utf-8";
/* CSS Document */
#myaccordion {
	details {
    border: 1px solid #d4d4d4;    
    padding: .75em .75em 0;
	margin-top: 10px;
	/*box-shadow:0 0 20px #d4d4d4;*/
}

summary {	
    font-weight: bold;
    margin: -.75em -.75em 0;
    padding: .75em;
    background-color: #5f75a4;
    color: #fff;
}

details[open] {
    padding: .75em;
	border-bottom: 1px solid #d4d4d4;
}

details[open] summary {
    border-bottom: 1px solid #d4d4d4;
    margin-bottom: 10px;
}
}
#myaccordion label {
		/*box-shadow:0 0 20px #d4d4d4;*/
		display: block; 
	width: 280px;
	margin: 8px 0px 1px 0px;
		padding: 8px 22px;
		
		/*cursor: pointer;
		background:#0D3A85;
		color: #FFF;*/
	border: 1px solid #0D3A85; 
	border-radius: 5px;
	background-color:#FEF6EE;padding:5px;text-align: left;
		transition: ease .5s;
	}
	#myaccordion label:hover {
		background:hsla(30,89%,94%,1.00);
	/*	border-bottom-right-radius: 20px;*/
		border-top-right-radius: 15px;
		border-right-width: 1px;
	}
.stuecktitelfarbe {color: hsla(7,49%,52%,1.00);font-weight: bold}

.thumb {width: 25%;height: 25%}

.content {
	color:#0D3A85;
	width: 400px;
		/*box-shadow:0 0 20px #d4d4d4;*/
		background: #FEF6EE;
		padding: 10px 25px;
		border: 1px solid #0D3A85;
	border-radius: 5px;
		margin: 0 0 0 0;
	}
.contentspalte {
	width: 262px;
	color:#0D3A85;
		box-shadow:0 0 20px #d4d4d4;
		background: #DADADA;
		padding: 10px 25px;
		border: 1px solid #d4d4d4;
		margin: -1 0 0 0;
	}
.hidecontent {
    	display: none;
	}
.hidecontentspalte {
    	display: none;
	}
#myaccordion input:checked + label + .content {
		display: block;
		webkit-animation: fadeIn 0.5s ease-out;
		-moz-animation: fadeIn 0.5s ease-out;
		-o-animation: fadeIn 0.5s ease-out;
		animation: fadeIn 0.5s ease-out;
	}
#myaccordion input:checked + label + .contentspalte {
		display: block;
		webkit-animation: fadeIn 0.5s ease-out;
		-moz-animation: fadeIn 0.5s ease-out;
		-o-animation: fadeIn 0.5s ease-out;
		animation: fadeIn 0.5s ease-out;
	}
	@-webkit-keyframes fadeIn {
		0% {
			display: none;
			opacity: 0;
		}
		1% {
			display: block;
			opacity: 0;
		}
		100% {
			display: block;
			opacity: 1;
		}
	}
@media screen and (max-width: 768px){
	.content {
	color:#0D3A85;
	width: 260px;
		/*box-shadow:0 0 20px #d4d4d4;*/
		background: #FEF6EE;
		padding: 10px 25px;
		border: 1px solid #d4d4d4;
		margin: -1 0 0 0;
	}
	@media screen and (max-width: 600px){
	.content {
	color:#0D3A85;
	width: 240px;
		/*box-shadow:0 0 20px #d4d4d4;*/
		background: #FEF6EE;
		padding: 10px 25px;
		border: 1px solid #d4d4d4;
		margin: -1 0 0 0;
	}
	
}