MediaWiki:Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

div#p-logo::after {
    content: "Technische Spezifikationen";
    font-weight: bold;
    color:#ef7f00;
}



*   { 
    font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
    font-size: 100%;
}

.pre-content h1, .content h1, .content h2, .content h3, .mw-body h1, .mw-body-content h1, .mw-body-content h2, .mw-body-content h3 {
    font-family: 'Rajdhani',sans-serif,Arial,Tahoma,Verdana;
    font-weight:bold;
}

.content h3, .mw-body-content h3 {
text-decoration:underline;
}

p, p *, li, li * {
font-family: Arial,Tahoma,Verdana;
}

.cb {
clear:both;
}

.underline {
  text-decoration:underline;
}

.blue {
  color:#0099ff;
}
.orange{
  color:#ef7f00;
}
.red{
  color:#ff0000;
}

table.standardtable {
  border: 1px solid black;
  border-collapse:collapse;
}

table.standardtable td, table.standardtable th{
  padding:5px;
  border: 1px solid black;
}

ul.widegallery {
text-align:left;
}

a, #mw-panel .portal .body li a {
color:#ee7f00;
}

a:visited, #mw-panel .portal .body li a:visited {
color:#ee7f00;
}

.specsBox {
  position:relative;
  float:right;
  width:320px;
  margin: 16px 0 16px 16px;
box-sizing:border-box;
}

.specsBox *{
  box-sizing:border-box;
}

.specsBox .container{
  width:320px;
  padding:1em;
  background-color:#ffeecc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.specsBox .infos {
border-top: 1px solid black;
padding-top:1em;
}

.specsBox span {
display:inline-block;
vertical-align:top;
}
.specsBox .key {
width:33%;
text-align:left;
font-weight:bold;
}

.specsBox .value {
width:66%;
text-align:left;
}

.specsBox .name {
font-weight:bold;
}

.specsBox h3 {
margin: 0 auto;
}

.content .specsBox ul {
padding-left:0;
}


.anlieferungselement {
width:320px;
background-color: #fff1e6;
border-radius: 5px;
margin-right:5px;
margin-bottom: 10px;
padding-bottom:5px;
}

.anlieferungselement *{
box-sizing: border-box;
}

.anlieferungselement:last-of-type {
margin-bottom:0;
}

.anlieferungselement .titel{
font-weight:bold;
font-size:120%;
text-align:center;
border-bottom: 2px solid #ffad66;
background-color: #ffe4cc;
padding: 5px 5px 0 5px;
border-top-left-radius:5px;
border-top-right-radius:5px;
}

.anlieferungselement .subtitel{
font-weight:bold;
font-size:120%;
text-align:center;
border-bottom: 2px solid #ffad66;
background-color: #ffe4cc;
padding: 5px 5px 0 5px;
}

.anlieferungselement .abmessung, .anlieferungselement .gewicht, .anlieferungselement .format, .anlieferungselement .alternative, .anlieferungselement .anmerkung, .anlieferungselement .abmessungExpandiert, .anlieferungselement .mandanten, .anlieferungselement .dauer, .anlieferungselement .seitenverhaeltnis{
padding-left: 5px;
padding-right: 5px;
}


.anlieferungselement .bezeichnung{
width:33%;
font-weight:bold;
padding-right:5px;
display:inline-block;
vertical-align:top;
}
.anlieferungselement .wert{
width:67%;
display:inline-block;
}
.anlieferung_kombination {
display:flex;
}

.anlieferung_kombination.horizontal {
align-content:center;
flex-direction:row;
border: 2px solid #ffad66;
flex-wrap:wrap;
justify-content:center;
}

.anlieferung_kombination.vertikal{
justify-content: center;
flex-direction:column;
align-content:center;
}

.anlieferung_kombination > .container >  .anlieferung_kombination.vertikal{

}

.anlieferung_kombination > .container > .anlieferung_kombination.horizontal{
flex:initial;
}


.anlieferung_kombination.horizontal > .anlieferungselement {
flex:none;
margin: 5px;
}

.anlieferung_kombination.horizontal > .zeichen{
flex:none;
}

.anlieferung_kombination > .zeichen{
font-weight: bold;
font-size: 200%;
width: 100px;
text-align: center;
vertical-align:middle;
}

.anlieferung_kombination.vertikal > .zeichen{
font-size:300%;
line-height:80px;
height:80px;
width:320px;
align-self:center;
}


.anlieferung_kombination.vertikal .header {
background-color: #ffe4cc;
width: 100%;
text-align: center;
border: 2px solid #ffad66;
border-bottom: none;
box-sizing: border-box;
}


.anlieferung_kombination .header .bezeichnung{
font-size:200%;
font-weight:bold;
}
.anlieferung_kombination .header .text {
font-size:150%;
}

.galerie {
margin-top:1em;
margin-bottom:1em;
text-align:center;
}

.mainpage {
display:flex;
flex-wrap:wrap;
justify-content:flex-start;
}

.chapter {
width:33%;
min-width:320px;
}

.kontakt{
    margin: 15px 20px 5px 0;
    width:200px;
}

.kontakt_name{
    font-weight: 700;
    font-size:16px;
}

.kontakt_funktion{
    border-bottom: 1px solid black;
    font-size:16px;
}

.included .specsBox .infos .anlieferung{
display:none;
}
.included .specsBox .infos.text{
padding-top:0;
}

div.warnung::after {
 clear:both;
}

div.warnung::before {
 content: "Warnung";
 background:url(/de/images/c/cb/Warning.png) no-repeat;
 background-position:center;
 background-size:24px auto;
 width:24px;
 height:24px;
line-height:24px;
 display:inline-block;
 color:rgba(0,0,0,0);
 float:left;
 margin-right:10px;
}



div.warnung {
 font-weight:bold;
 font-size:120%;
 color:#ff0000;
 float:left;
}

#mw-panel #p-Start.portal .body li {
font-size:20px;
font-weight:bold;
}