@media (min-width: 1024px) {
#konteiner {
display: grid;
grid-template-columns: 60% 1vmax auto;
grid-auto-flow: dense;
align-items: stretch;
}
.venstre {
grid-column: 1;
}
.høyre {
grid-column: 3;
}
.forsideboks {
margin-bottom: 1vmax;
}
}
@media (max-width: 1023px) {
#konteiner {
display: flex;
flex-direction: column;
}
#forsidebanner {
order: 1;
}
#forsidebanner .bannervenstre {
grid-column: span 2;
}
#søsterprosjekter {
display: none;
}
.venstre {
order: 2;
}
.høyre {
order: 3;
}
.forsideboks {
margin-bottom: 1rem;
}
}
@media (max-width: 1320px ) {
/* Fiks for at tabellen i aktuelt-boksen tvinger større bredde enn det skal være */
#aktuelt table td {
display: inline;
}
}
body.skin-minerva #skandinavisk_artikkel, body.skin-minerva #søsterprosjekter, body.skin-minerva #om {
display: none;
}
.forsideboks {
background-color: #fff;
box-sizing: border-box;
width: 100%;
padding: 2vmax;
border: none;
box-shadow: 0 6px 5px #a7b6b7, 0 0 3px #b0b0b0;
border-radius: 2px;
}
.forsideboks::after {
content: "";
display: block;
clear: both;
height: 0;
}
.forsideboks .stor {
font-size: 180%;
}
#forsidebanner {
display: grid;
grid-template-columns: 60% 40%;
grid-column: span 3;
background-size: 25vmax;
background-position: 110% 50%;
background-repeat: no-repeat;
}
.bannervenstre {
justify-self: center;
text-align: center;
align-self: center;
}
.bannervenstre p {
background-color: rgba(255,255,255,0.7);
border-radius: 1vmax;
}
.høyrenotis {
font-size: smaller;
text-align: right;
}
h3 {
margin-top: 0;
padding-top: 0;
}
hr {
background: linear-gradient(to left, transparent 0, #ccc 20%, #ccc 80%, transparent 100%);
}
.bildemaks40 figure {
max-width: 40%;
height: auto;
}
.bildemaks40 figure img {
width: 100%;
height: auto;
}
ul {
margin-left: 1em; /* Til vanlig: 1.6em */
}