/* Neuer Klapp-Content / Accordion */ article.accordion { box-sizing: border-box; height: 2.5rem; /*Muss die gleiche Höhe wie die Height der Überschrift sein (auch in der javascript.js!)*/ margin: 0 0 1rem; overflow: hidden; padding: 0; transition: all 0.7s ease-in-out 0s; border-radius: 5px; background-color:#efefef; position:relative; } article.accordion h1 { box-sizing: border-box; cursor: pointer; display: block; font-size:18px; height: 2.5rem; line-height: 1.3; margin: 0; padding: 0.5rem 1rem; transition: all 0.15s ease-in-out 0s; width: 100%; white-space:nowrap; color: #4e4d51; } article.accordion h1:hover { text-decoration:underline; } article.accordion h1::before { content: "+"; border: 1px solid darken(#024c84, 10%); border-radius: 0.15rem; display: inline-block; font-weight: lighter; height: 0.6rem; line-height: 0.5rem; margin-right: 0.5rem; text-align: center; width: 0.6rem; } article.accordion h1 .thereIsMore { box-sizing:border-box; position:absolute; z-index:100; right:0; background-color:#efefef; color:#0061a9; padding-right:1rem; font-weight:lighter; } article.accordion h1 .thereIsMore b { padding-left:1rem; } article.accordion .accordioncontent { background-color:#efefef; box-sizing: border-box; height: auto; opacity: 0; padding: 0.5rem 1rem; transition: opacity 0.7s ease-in-out 0s; } article.accordion .accordioncontent .right { text-align:right; } article.accordion .accordioncontent::after { content:""; display:block; clear:both; } article.accordion .accordioncontent a.btn_more { box-sizing:border-box; padding:0.1rem 0.5rem; border:1px solid #024c84; color:#0061a9; margin-bottom:0.5rem; } article.accordion .accordioncontent a.btn_more:hover { color:#024c84; background-color:#dde4f2; } article.accordion.opened h1 { white-space:normal; height:auto; } article.accordion.opened h1::before{ content:"-"; } article.accordion.opened h1 .thereIsMore { display:none; } article.accordion.opened .accordioncontent { box-sizing: border-box; opacity: 1; padding-top: 0.5rem; } article.accordion + .buttons { margin:-0.4rem 0 1rem 0; width:100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: space-between; align-items: flex-start; } article.accordion + .buttons a { box-sizing:border-box; padding:0.1rem 0.5rem; border:1px solid #024c84; color:#024c84; } article.accordion + .buttons a:hover { background-color:lighten(#0477cc, 20%); } /* ENDE Klapp-Content / Accordion */