HTML-Head

%STARTINCLUDE%
%INCLUDE{Main.SiteHtmlHead}%
<style>
.anwendungsperspektive,
.technologischeperspektive,
.gesellschaftlicheperspektive {
  border-style:solid;
  border-width:1px;
  min-height:200px;
  margin:1px;
  border-color:#DDD;
  clear:both;
}
.Xanwendungsperspektive { border-color:#0069D6;}
.Xtechnologischeperspektive{ border-color:#FF0000;}
.Xgesellschaftlicheperspektive { border-color:#009600;}

.anwendungsperspektive::before {
  content: "Anwendungsperspektive";
  background: url("https://mia.phsz.ch/pub/Dagstuhl/WebPreferences/anwendungsorientierte-perspektive.png");
  }
.technologischeperspektive::before {
  content: "Technologische Perspektive";
  background: url("https://mia.phsz.ch/pub/Dagstuhl/WebPreferences/technologische-perspektive.png");
  }
.gesellschaftlicheperspektive::before {
  content: "Gesellschaftlich-kulturelle Perspektive";
  background: url("https://mia.phsz.ch/pub/Dagstuhl/WebPreferences/gesellschaftlich-kulturelle-perspektive.png");
  }

.anwendungsperspektive::before,
.technologischeperspektive::before,
.gesellschaftlicheperspektive::before {
  background-position: center 10px;
  background-size: 125px;
  background-repeat: no-repeat;
  float: left;
  text-align: center;
  width: 220px;
  padding-top:130px;
  font-weight:bold;
}
</style>
%STOPINCLUDE%