/* normalize.css v8.0.1 */
html {
    line-height: 1;
    -webkit-text-size-adjust: 100%;
}

*, *::before, *::after {
    box-sizing: border-box;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, sans-serif;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans', sans;
}

a {
    text-decoration: none;
    color: black;
}

.bg-grey {
    background: #efefef;
}

.block {
    display: block;
}

body.husbilhusvagn header .button {
    background: #fdf150; 
    color: #222;
}

body.husbilhusvagn header {
    background: #222; 
}

.bold {
    font-weight: bold;
}

.button {
    display: inline-block;
    padding: 6px 12px;
    background: #e6121c;
    color: white;
    border-radius: 5px;
    opacity: 1;
}

.button.black {
    background: #000c1b; 
    color: white;
}

.button.vibilagare {
    background: #e6121c;
    color: white;
}

.button:hover {
    opacity: .8;
    transition: 0.1s;
}

.byline {
    display: block;
    width: 172px;
    height: 172px;
    border-radius: 86px;
    border: 3px solid white;
    margin: 0 auto 20px auto;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.container.small {
    max-width: 750px;
}

.flex {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    gap: 20px;
}

.flex .column {
    width: 100%;
}

.flex.article-list {
    align-items: center;
}

.flex.article-list:hover {
    color: #3a3a3a;
    transition: 0.1s;
}

.flex.article-list:hover img {
    opacity: .8;
    transition: 0.1s;
}

.flex.article-list .column:first-child {
    width: 150px;
}

.flex.article-list .column {
    margin-bottom: 20px;
}

footer {
    background: #262626;
    color: white;
    padding: 35px 20px 20px;
}

.gradient-beige {
    background: rgb(241,240,235);
    background: radial-gradient(circle, rgba(241,240,235,1) 0%, rgba(209,200,169,1) 100%);
    color: #542600;
}

.gradient-beige a {
    color: #542600;
    border-bottom: 1px solid black;
}

.gradient-beige .button {
    background: #542600; 
    color: white;
}

.gradient-beige span.number {
    background: -webkit-linear-gradient(#542600, #9f5200);           
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-blue {
    background: rgb(45,97,200);
    background: radial-gradient(circle, rgba(45,97,200,1) 0%, rgba(7,12,73,1) 100%);
    color: white;
}

.gradient-blue .button {
    background: #9edbff;
    color: navy;
}

.gradient-blue span.number {
    background: -webkit-linear-gradient(#9edbff, #2675d6);           
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-green {
    background: rgb(221,236,203);
    background: radial-gradient(circle, rgba(221,236,203,1) 0%, rgba(90,125,81,1) 100%);
    color: #0e591d;
}

.gradient-green .button {
    background: #0e591d;
    color: white;
}

.gradient-green span.number {
    background: -webkit-linear-gradient(#0e591d, #54765b);           
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.gradient-red {
    background: rgb(200,45,45);
    background: radial-gradient(circle, rgba(200,45,45,1) 0%, rgba(89,14,14,1) 100%);
    color: white;
}

.gradient-red .button {
    background: #ffebeb; 
    color: #590e0e;
}

.gradient-red span.number {
    background: -webkit-linear-gradient(#ffebeb, #ff9595);           
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: white;
}

.gradient-teal {
    background: rgb(251,255,255);
    background: radial-gradient(circle, rgba(251,255,255,1) 0%, rgba(133,176,180,1) 100%);
}

.gradient-teal .button {
    background: #000c1b; 
    color: white;
}

.gradient-teal span.number {
    background: -webkit-linear-gradient(#006097, #000c1b);           
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

header {
    background: #efefef;
}

header .flex {
    align-items: center;
}

header img.logo {
    width: 150px;
    margin: 0;
    padding: 0;
}

img {
    max-width: 100%;
    height: auto;
}

.margin-0 {
    margin: 0;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-top-0 {
    margin-top: 0;
}

.margin-top-5 {
    margin-top: 5px;
}

.newsletter {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    border: 3px solid white;
}

p {
    line-height: 1.7;
}

.padding-bottom-0 {
    padding-bottom: 0;
}

.padding-10 {
    padding: 10px;
}

.padding-20 {
    padding: 20px;
}

.rounded {
    border-radius: 10px;
}

.smallheading {
    text-transform: uppercase;
    font-size: .8rem;
}

.subheading {
    text-transform: uppercase;
    color: #e6121c;
    font-size: 1.2rem;
}

.text-center {
    text-align: center;
}

.text-right {
    text-align: right;
}

.text-white {
    color: white;
}

.text-l {
    /* font-size: 2.5rem; */
    font-size: 6vw;
}

.text-xl {
    /* font-size: 4rem; */
    font-size: 8vw;
}

.text-xxl {
    /* font-size: 6rem; */
    font-size: 10vw;
}