.T5458 .box {
    width: 100%;
    height: auto;
    background: #fff;
    display: flex;
}

.T5458 a {
    color: #222222;
}

.T5458 .downloadbtn { display:inline-block; margin: 0px 0px 8px 0px; text-decoration: none; }

.T5458 .downloadbtn i {
    font-size: 16px !important;
}

.T5458 .box ul { margin: 5px 0px; list-style-type: disclosure-closed; list-style-position: inside; padding-left: 15px;}

.T5458 .box:not(.fullscreen) .leftside {
    flex-basis: 40%;
    margin: 25px 50px 20px 40px;
}

.T5458 .box:not(.fullscreen) .rightside {
    flex-basis: 60%;
    margin: 25px 20px 30px 0px;
}

.T5458 .box.fullscreen .leftside {
    margin-bottom: 20px;
}

.T5458 .box .leftside .subheadline p {
    padding-top: 0;
}


.T5458 .box.fullscreen .rightside {
    width: 100%;
}

.T5458 .box .rightside .bullet {
    padding: 8px 0px 8px 0px;
    position: relative;
    border-top: 1px solid #ddd;
}

.T5458 .box .rightside.no_leftside .bullet { padding: 8px 15px; }

.T5458 .box .rightside .bullet:last-child {
    border-bottom-width: 0px;
}

.T5458 .box .rightside .bullet.first {
    border-top: 0px solid transparent;
}

.T5458 .box .rightside .bullet .top {
    cursor: pointer;
    display: flex;
}

.T5458 .box .rightside .bullet .top .name {
    flex-grow: 1;
    padding: 10px 0px;
	font-weight:bold;
}
.T5458 .box .rightside .bullet .top .toggle {
    width: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}

.T5458 .box .rightside .bullet .plus {
    transform-origin: center;
    transform: rotate(0deg);
    transition: 400ms ease-out;
    background-color: black;
    width: 3px;
    height: 20px;
}


.T5458 .box .rightside .bullet.show .plus {
    transform: rotate(90deg);
    transition: 400ms ease-in;
}


.T5458 .box .rightside .bullet .minus {
    position: absolute;
    transform-origin: center; 
    transform: rotate(90deg);
    background-color: black;
    color: black;
    width: 3px;
    height: 20px;
}


.T5458 .box .rightside .bullet .buttons {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 15px;
}

.T5458 .box .rightside .bullet .hiddencontent {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.5s cubic-bezier(0, 1, 0, 1);
}

.T5458 .box .rightside .bullet.show .hiddencontent {
    max-height: 3000px;
    transition: max-height 1s ease-in-out;
}

.T5458 .box .rightside .bullet p {
    margin: 0px 0px 15px 0px;
}



.T5458 .box .rightside .bullet .Bild {
    margin: 0px 20px 15px 0px;
    float: left;
}@media all and (min-width: 1024px) and (max-width: 1279px) {

}

@media all and (min-width: 768px) and (max-width:1023px) {

}

@media all and (min-width: 568px) and (max-width: 767px) {
	
	.T5458 .box {
	
		display: flex;
		flex-direction: column;
	}

	.T5458 .box:not(.fullscreen) .leftside {
		flex-basis: 30%;
		margin: 20px 30px;
	}
	
	.T5458 .box:not(.fullscreen) .rightside {
		flex-basis: 70%;	
		margin: 10px 30px;
	}
	
	.T5458 .box .rightside .bullet {
		margin: 8px 0px 8px 0px;
		position: relative;
	
	}

	.T5458 .box .rightside .bullet .name {	margin: 0px 0px 10px 0px; padding: 8px 0; }
	
}

@media all and (max-width: 567px) {
	
	.T5458 .box {
	
		display: flex;
		flex-direction: column;
	}
	
	.T5458 .box:not(.fullscreen) .leftside {
		flex-basis: 30%;
		margin: 20px 20px;
	}
	
	.T5458 .box:not(.fullscreen) .rightside {
		flex-basis: 70%;	
		margin: 10px 20px;
	}
	
	.T5458 .box .rightside .bullet {
		margin: 10px 0px 10px 0px;
		position: relative;

	}

	.T5458 .box .rightside .bullet .name {	margin: 4px 0px 8px 0px; padding: 6px 0; } 
	
}