@charset "utf-8";

.akkordeon-inhalt {padding: 0.3rem 0.3rem 0.3rem 0.8rem;}

details {border: 1px solid #337ab7; margin-bottom: 0.3rem;}

summary {position: relative; line-height: 200%; padding-left: 0.5em; background: #337ab7; color:#FFF; font-weight:bold;}

summary::marker,
summary::-webkit-details-marker {color: transparent;}

summary::after {position: absolute;top: 0;right: 0.3em; content: '+'; font-size: 1.5em; font-weight: bold; color: #fff; transition: transform .2s;}

details[open] summary::after {position: absolute; top: 0; right: 0.2em; content: '-';	font-size: 2em;	font-weight: bold; color: #fff;transition: transform .2s;padding: 0 0 0 1.5em;}

details[open] summary { background: #337ab7;}

details[open] summary ~ * {animation: sweep .7s ease-in-out;}

@keyframes sweep {0% {opacity: 0; margin-left: -10px} 100% {opacity: 1; margin-left: 0px}}

.abstand-unten {margin-bottom: 30px; }


.blog {display: -webkit-flex;display: flex;-webkit-flex-direction: row;flex-direction: row;-webkit-flex-wrap: wrap;flex-wrap: wrap;-webkit-justify-content: space-between;justify-content: space-between;-webkit-align-items: stretch;align-items: stretch;}

.blog .item0 {-webkit-flex:1 1 33%; flex:1 1 33%; margin:2px;}

.blog .item {-webkit-flex:1 1 33%; flex:1 1 33%; margin:2px;}
.blog .item3 {-webkit-flex:1 1 66%; flex:1 1 66%; margin:2px;}


.blog .item1 {-webkit-flex:1 1 33%; flex:1 1 33%; margin:2px; text-align:right;}
.blog .item2 {-webkit-flex:1 1 66%; flex:1 1 66%; margin:2px; text-align:left;}


@media (max-width: 1270px) {
.blog {flex-direction: row-reverse;}
.blog .item1 {order: 1; text-align:left;}
.blog .item2 {order: 3;}}
}