@import “https://static.umdieecke.at/fonts/museo-sans/”;

:root {
–text-color: #646567;
–contrast-color: #35AA6C;
–highlight-color: #BC091A;
}

#fl-jobwrapper {
font-family: ‘Museo Sans’, Verdana, sans-serif;
color: var(–text-color);
max-width: 750px;
margin: auto;
font-weight: 500;
line-height: 1.5;
font-size: 14px;
}

#fl-jobwrapper .fl-logo {
margin: 20px auto;
text-align: center;
}

#fl-jobwrapper .fl-logo img {
height: 50px;
}

#fl-jobwrapper .fl-content {
margin: 20px auto 0;
}

#fl-jobwrapper header img {
max-width: 100%;
}

#fl-jobwrapper .header-line {
background: white;
}

#fl-jobwrapper h2 {
font-weight: 700;
font-size: 21px;
text-transform: uppercase;
margin-top: 0;
}

#fl-jobwrapper h3 {
font-size: 18px;
}

#fl-jobwrapper h5 {
font-size: 15px;
}

#fl-jobwrapper h6 {
font-size: 13px;
}

#fl-jobwrapper h2, #fl-jobwrapper h3, #fl-jobwrapper h4, #fl-jobwrapper h6 {
color: var(–highlight-color);
}

#fl-jobwrapper .fl-description img {
width: 100%;
max-width: 500px;
}

#fl-jobwrapper .fl-intro-box {
box-shadow: 0 0 9px 0 rgba(0,0,0,0.2);
padding: 20px;
margin: -40px auto 0;
background: white;
position: relative;
}

#fl-jobwrapper .fl-intro, #fl-jobwrapper .fl-description {
margin-top: 2rem;
}

#fl-jobwrapper .fl-icon {
min-width: 100px;
height: 111px;
background-size: 83%;
font-weight: bold;
font-size: 18px;
align-items: end;
display: flex;
margin-right: 2rem;
background-repeat: no-repeat;
justify-content: center;
background-position: top center;
}

#fl-jobwrapper .fl-icon.fl-icon-angebote {
background-image: url(‘https://v1.converthomie.eu/templates/volkshilfe/VH-icons-Angebote.png’);
}
#fl-jobwrapper .fl-icon.fl-icon-aufgaben {
background-image: url(‘https://v1.converthomie.eu/templates/volkshilfe/VH-icons-Aufgaben.png’);
}
#fl-jobwrapper .fl-icon.fl-icon-erfahrung {
background-image: url(‘https://v1.converthomie.eu/templates/volkshilfe/VH-icons-Erfahrung.png’);
}

#fl-jobwrapper .fl-description {
display: flex;
}