Vorlage:Wizard.css: Unterschied zwischen den Versionen

Version vom 27. Mai 2019, 09:54 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:#fff;
font-weight:bold;
}

.show:hover,
.hide:hover {
background: rgb(255, 214, 118);
color:#fff!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 */