body { font-family: 'Lato', sans-serif; margin: 20px; background: #f4f4f4; }
h1, h2 { font-family: 'Montserrat', sans-serif; }
form { background: #fff; padding: 20px; margin-bottom: 20px; border-radius: 8px; }
input, textarea, select { width: 100%; padding: 8px; margin: 5px 0 15px 0; }
.cv { display: flex; padding: 20px; border-radius: 8px; }
.left-column { width: 30%; padding-right: 20px; }
.right-column { width: 70%; }
.skills span { display: inline-block; background: #eee; padding: 4px 8px; margin: 2px; border-radius: 4px; }
.top-ad { text-align: center; margin-bottom: 20px; }
#cvImage { width: 120px; height: 120px; object-fit: cover; border-radius: 50%; display: block; margin-bottom: 15px; }

/* 10 tydligt olika mallar */

/* Mall 1 - Modern */
.cv.template1 { background: #ffffff; color: #333; font-family: 'Lato', sans-serif; }
.cv.template1 .right-column { background: #f9f9f9; padding: 15px; border-radius: 8px; }

/* Mall 2 - Minimalistisk */
.cv.template2 { background: #f7f7f7; color: #222; font-family: 'Arial', sans-serif; }
.cv.template2 .left-column { background: #e6e6e6; padding: 10px; border-radius: 8px; }

/* Mall 3 - Kreativ */
.cv.template3 { background: #fff0f5; color: #444; font-family: 'Courier New', monospace; }
.cv.template3 h1 { color: #c71585; }
.cv.template3 h2 { color: #8b008b; }

/* Mall 4 - Elegant */
.cv.template4 { background: #fffff0; color: #111; font-family: 'Georgia', serif; }
.cv.template4 .right-column { background: #f0e6f0; padding: 20px; border-radius: 12px; }

/* Mall 5 - Professionell */
.cv.template5 { background: #f4fff4; color: #333; font-family: 'Tahoma', sans-serif; }
.cv.template5 .left-column { border-right: 3px solid #0a7a0a; }

/* Mall 6 - Färgglad */
.cv.template6 { background: #f9f9ff; color: #222; font-family: 'Verdana', sans-serif; }
.cv.template6 h1 { color: #1e90ff; }
.cv.template6 h2 { color: #4169e1; }

/* Mall 7 - Klassisk */
.cv.template7 { background: #fffaf0; color: #444; font-family: 'Impact', sans-serif; }
.cv.template7 .right-column { border-left: 4px solid #d2691e; }

/* Mall 8 - Kort & Koncis */
.cv.template8 { background: #f5f5dc; color: #333; font-family: 'Lucida Console', monospace; }
.cv.template8 .left-column { width: 25%; }
.cv.template8 .right-column { width: 75%; }

/* Mall 9 - Innovativ */
.cv.template9 { background: #f0ffff; color: #111; font-family: 'Palatino Linotype', serif; }
.cv.template9 h1 { font-style: italic; }
.cv.template9 h2 { text-decoration: underline; }

/* Mall 10 - Minimal + Modern */
.cv.template10 { background: #fff5f5; color: #222; font-family: 'Helvetica', sans-serif; }
.cv.template10 .left-column { background: #ffe6e6; padding: 15px; border-radius: 10px; }
.cv.template10 .right-column { background: #fff0f0; padding: 15px; border-radius: 10px; }