KKeine Bearbeitungszusammenfassung |
KKeine Bearbeitungszusammenfassung |
||
Zeile 37: | Zeile 37: | ||
background: rgb(254, 164, 0); | background: rgb(254, 164, 0); | ||
box-shadow:none!important; | box-shadow:none!important; | ||
color:# | color:#000; | ||
font-weight:bold; | font-weight:bold; | ||
} | } |
Version vom 27. Mai 2019, 11:22 Uhr
.Voraussetzungen li { margin-bottom: 15px; } .flexbox { width: 100%; display:flex; flex-direction: row; flex-wrap: wrap; align-items: stretch; justify-content: space-between; } .flexelement { width:33%; } .grid-box { display:grid; grid-template-columns: 24% 24% 24% 24%; } #akkordeon:not(:target) .inhalt, #akkordeon:not(:target) .hide, #akkordeon:target .show {display: none;} #akkordeon:target .inhalt {display: block;} .inhalt { box-shadow: inset 0px 0px 10px rgba(0,0,0,0.3); padding: 20px 20px 1px; margin: 0px 0px 10px; } .show, .hide { padding:10px; background: rgb(254, 164, 0); box-shadow:none!important; color:#000; font-weight:bold; } .show:hover, .hide:hover { background: rgb(255, 214, 118); color:#aaa!important; transition:0.2s all ease-in-out!important; } /*** Formatierungen für Mobil-Geräte ***/ @media (max-width: 900px) { .flexelement { width:100%; } .grid-box { display:grid; grid-template-columns: 98%; } } /* Ende Formatierungen für Mobil-Geräte */