/* == CSS used in html-editors, only edit these in Umbraco (Settings/Stylesheets/typo) == */
img {    /* Sätt dessa properties så de även gäller när man redigerar i Tiny. Ser bättre ut då */    max-width: 100%;    height: auto !important;
	/* Umbraco sätter fast höjd i Tiny */}
.button,
.button-variant,
.button-pink,
.button-lightgreen {
    padding: 12px 24px;
    display: inline-block;
    margin: 3px 0;
}

/**umb_name:Knapp*/
.button {
    background-color: #65C2CC;
}

/**umb_name:Knapp 2*/
.button-variant{background-color:#EF813C;}

/**umb_name:Knapp 3*/
.button-pink {
    background-color: #da6ca2;
}

/**umb_name:Knapp 4*/
.button-lightgreen {
    background-color: #b9c300;
}

/**umb_name:Rubrik 1*/
h1 {
    font: 7em DIN-BlackItalic;
    line-height: 1.2;
    margin: 0.67em 0;
}

/**umb_name:Rubrik 2*/
h2 {
    font: 3.6em DIN-Bold;
}

/**umb_name:Rubrik 3*/
h3{font-size: 1.6em;}

/**umb_name:Rubrik 4*/
h4{font-size: 1.2em;}

/**umb_name:Rubrik 5*/
h5{}

/**umb_name:Stycke*/
p {
    font-family: DIN2014-Regular;
    font-size: 18px;
    line-height: 140%;
}

/**umb_name:Ingress*/
.ingress{font-size:1.3em;
font-weight:100;}




/**umb_name:Länk*/
.link{}