Deprecated: Creation of dynamic property Kirki_Toolkit::$modules is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/kirki.php on line 67

Deprecated: Creation of dynamic property Kirki_Field_Checkbox::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Checkbox::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Checkbox::$description is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Select::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Select::$description is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Custom::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Typography::$description is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Typography::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Custom::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Typography::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Slider::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Slider::$description is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Slider::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Slider::$description is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Custom::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Typography::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Custom::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Typography::$description is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Typography::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Custom::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Radio_Buttonset::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Radio_Buttonset::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Radio_Buttonset::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Radio_Buttonset::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

Deprecated: Creation of dynamic property Kirki_Field_Radio_Buttonset::$label is deprecated in /customers/d/8/1/camillatoft.dk/httpd.www/wp-content/themes/flatsome/inc/admin/kirki/core/class-kirki-field.php on line 291

<!DOCTYPE html>
<html lang="en-GB" class="loading-site no-js">
<head>
	<meta charset="UTF-8" />
	<link rel="profile" href="http://gmpg.org/xfn/11" />
	<link rel="pingback" href="https://www.camillatoft.dk/xmlrpc.php" />

	<script type="text/javascript">
	window.dataLayer = window.dataLayer || [];

	function gtag() {
		dataLayer.push(arguments);
	}

	gtag("consent", "default", {
		ad_personalization: "denied",
		ad_storage: "denied",
		ad_user_data: "denied",
		analytics_storage: "denied",
		functionality_storage: "denied",
		personalization_storage: "denied",
		security_storage: "granted",
		wait_for_update: 500,
	});
	gtag("set", "ads_data_redaction", true);
	</script>
<script type="text/javascript"
		id="Cookiebot"
		src="https://consent.cookiebot.com/uc.js"
		data-implementation="wp"
		data-cbid="9886dbc3-5c74-4333-86da-84bd6b26d239"
							async	></script>
<script>(function(html){html.className = html.className.replace(/\bno-js\b/,'js')})(document.documentElement);</script>
<title>Sections &#8211; Camilla Toft Portfolio</title>

Deprecated: Function WP_Dependencies-&gt;add_data() was called with an argument that is <strong>deprecated</strong> since version 6.9.0! IE conditional comments are ignored by all supported browsers. in /customers/d/8/1/camillatoft.dk/httpd.www/wp-includes/functions.php on line 6131

Deprecated: Function WP_Dependencies-&gt;add_data() was called with an argument that is <strong>deprecated</strong> since version 6.9.0! IE conditional comments are ignored by all supported browsers. in /customers/d/8/1/camillatoft.dk/httpd.www/wp-includes/functions.php on line 6131
<meta name='robots' content='max-image-preview:large' />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" /><link rel='dns-prefetch' href='//cdn.jsdelivr.net' />
<link rel='prefetch' href='https://www.camillatoft.dk/wp-content/themes/flatsome/assets/js/chunk.countup.js?ver=3.16.2' />
<link rel='prefetch' href='https://www.camillatoft.dk/wp-content/themes/flatsome/assets/js/chunk.sticky-sidebar.js?ver=3.16.2' />
<link rel='prefetch' href='https://www.camillatoft.dk/wp-content/themes/flatsome/assets/js/chunk.tooltips.js?ver=3.16.2' />
<link rel='prefetch' href='https://www.camillatoft.dk/wp-content/themes/flatsome/assets/js/chunk.vendors-popups.js?ver=3.16.2' />
<link rel='prefetch' href='https://www.camillatoft.dk/wp-content/themes/flatsome/assets/js/chunk.vendors-slider.js?ver=3.16.2' />
<link rel="alternate" type="application/rss+xml" title="Camilla Toft Portfolio &raquo; Feed" href="https://www.camillatoft.dk/feed/" />
<link rel="alternate" type="application/rss+xml" title="Camilla Toft Portfolio &raquo; Comments Feed" href="https://www.camillatoft.dk/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.camillatoft.dk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.camillatoft.dk%2Felements%2Fsections%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.camillatoft.dk/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.camillatoft.dk%2Felements%2Fsections%2F&#038;format=xml" />
<style id='wp-img-auto-sizes-contain-inline-css' type='text/css'>
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id='wp-emoji-styles-inline-css' type='text/css'>

	img.wp-smiley, img.emoji {
		display: inline !important;
		border: none !important;
		box-shadow: none !important;
		height: 1em !important;
		width: 1em !important;
		margin: 0 0.07em !important;
		vertical-align: -0.1em !important;
		background: none !important;
		padding: 0 !important;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>
<style id='wp-block-library-inline-css' type='text/css'>
:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}}

/*# sourceURL=wp-block-library-inline-css */
</style>
<style id='classic-theme-styles-inline-css' type='text/css'>
/*! This file is auto-generated */
.wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none}
/*# sourceURL=/wp-includes/css/classic-themes.min.css */
</style>
<style id='global-styles-inline-css' type='text/css'>
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='flatsome-main-css' href='https://www.camillatoft.dk/wp-content/themes/flatsome/assets/css/flatsome.css?ver=3.16.2' type='text/css' media='all' />
<style id='flatsome-main-inline-css' type='text/css'>
@font-face {
				font-family: "fl-icons";
				font-display: block;
				src: url(https://www.camillatoft.dk/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot?v=3.16.2);
				src:
					url(https://www.camillatoft.dk/wp-content/themes/flatsome/assets/css/icons/fl-icons.eot#iefix?v=3.16.2) format("embedded-opentype"),
					url(https://www.camillatoft.dk/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff2?v=3.16.2) format("woff2"),
					url(https://www.camillatoft.dk/wp-content/themes/flatsome/assets/css/icons/fl-icons.ttf?v=3.16.2) format("truetype"),
					url(https://www.camillatoft.dk/wp-content/themes/flatsome/assets/css/icons/fl-icons.woff?v=3.16.2) format("woff"),
					url(https://www.camillatoft.dk/wp-content/themes/flatsome/assets/css/icons/fl-icons.svg?v=3.16.2#fl-icons) format("svg");
			}
/*# sourceURL=flatsome-main-inline-css */
</style>
<link rel='stylesheet' id='flatsome-style-css' href='https://www.camillatoft.dk/wp-content/themes/flatsome/style.css?ver=3.16.2' type='text/css' media='all' />
<script type="text/javascript" src="https://www.camillatoft.dk/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script>
<script type="text/javascript" src="https://www.camillatoft.dk/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script>
<link rel="https://api.w.org/" href="https://www.camillatoft.dk/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.camillatoft.dk/wp-json/wp/v2/pages/253" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.camillatoft.dk/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 6.9.5" />
<link rel="canonical" href="https://www.camillatoft.dk/elements/sections/" />
<link rel='shortlink' href='https://www.camillatoft.dk/?p=253' />
<style>.bg{opacity: 0; transition: opacity 1s; -webkit-transition: opacity 1s;} .bg-loaded{opacity: 1;}</style><link rel="icon" href="https://www.camillatoft.dk/wp-content/uploads/2020/04/cropped-Site_icon_Camillatoft-32x32.png" sizes="32x32" />
<link rel="icon" href="https://www.camillatoft.dk/wp-content/uploads/2020/04/cropped-Site_icon_Camillatoft-192x192.png" sizes="192x192" />
<link rel="apple-touch-icon" href="https://www.camillatoft.dk/wp-content/uploads/2020/04/cropped-Site_icon_Camillatoft-180x180.png" />
<meta name="msapplication-TileImage" content="https://www.camillatoft.dk/wp-content/uploads/2020/04/cropped-Site_icon_Camillatoft-270x270.png" />
<style id="custom-css" type="text/css">:root {--primary-color: #446084;}.header-main{height: 90px}#logo img{max-height: 90px}#logo{width:200px;}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.has-transparent + .page-title:first-of-type,.has-transparent + #main > .page-title,.has-transparent + #main > div > .page-title,.has-transparent + #main .page-header-wrapper:first-of-type .page-title{padding-top: 90px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bottom {background-color: #f1f1f1}@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}/* Background Color */[data-icon-label]:after, .secondary.is-underline:hover,.secondary.is-outline:hover,.icon-label,.button.secondary:not(.is-outline),.button.alt:not(.is-outline), .badge-inner.on-sale, .button.checkout, .single_add_to_cart_button, .current .breadcrumb-step{ background-color:#515151; }[data-text-bg="secondary"]{background-color: #515151;}/* Color */.secondary.is-underline,.secondary.is-link, .secondary.is-outline,.stars a.active, .star-rating:before, .woocommerce-page .star-rating:before,.star-rating span:before, .color-secondary{color: #515151}/* Color !important */[data-text-color="secondary"]{color: #515151!important;}/* Border */.secondary.is-outline:hover{border-color:#515151}/* Focus */.secondary:focus-visible, .alt:focus-visible { outline-color: #515151!important; }body{color: #000000}h1,h2,h3,h4,h5,h6,.heading-font{color: #000000;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: Lato, sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: Lato, sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: Lato, sans-serif;}.nav > li > a,.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-weight: 700;font-style: normal;}h1,h2,h3,h4,h5,h6,.heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a{font-family: Lato, sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Dancing Script", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}a{color: #79a3d7;}a:hover{color: #184f85;}.tagcloud a:hover{border-color: #184f85;background-color: #184f85;}.footer-1{background-color: #ffffff}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}</style><style id="kirki-inline-styles">/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.camillatoft.dk/wp-content/fonts/lato/S6uyw4BMUTPHjxAwWCWtFCfQ7A.woff) format('woff');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.camillatoft.dk/wp-content/fonts/lato/S6uyw4BMUTPHjx4wWCWtFCc.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.camillatoft.dk/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwaPHw3q5d0N7w.woff) format('woff');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://www.camillatoft.dk/wp-content/fonts/lato/S6u9w4BMUTPHh6UVSwiPHw3q5d0.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}/* vietnamese */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.camillatoft.dk/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Rep6hNX6pmRMjLo.woff) format('woff');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.camillatoft.dk/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3ROp6hNX6pmRMjLo.woff) format('woff');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Dancing Script';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://www.camillatoft.dk/wp-content/fonts/dancing-script/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSo3Sup6hNX6pmRM.woff) format('woff');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}</style></head>

<body class="wp-singular page-template page-template-page-blank page-template-page-blank-php page page-id-253 page-child parent-pageid-278 wp-theme-flatsome lightbox nav-dropdown-has-arrow nav-dropdown-has-shadow nav-dropdown-has-border">


<a class="skip-link screen-reader-text" href="#main">Skip to content</a>

<div id="wrapper">

	
	<header id="header" class="header has-sticky sticky-jump">
		<div class="header-wrapper">
			<div id="masthead" class="header-main ">
      <div class="header-inner flex-row container logo-left medium-logo-center" role="navigation">

          <!-- Logo -->
          <div id="logo" class="flex-col logo">
            
<!-- Header logo -->
<a href="https://www.camillatoft.dk/" title="Camilla Toft Portfolio - A visual expression of my work" rel="home">
		<img width="600" height="200" src="https://www.camillatoft.dk/wp-content/uploads/2020/04/Camillatoft_logo.png" class="header_logo header-logo" alt="Camilla Toft Portfolio"/><img  width="600" height="200" src="https://www.camillatoft.dk/wp-content/uploads/2020/04/Camillatoft_logo.png" class="header-logo-dark" alt="Camilla Toft Portfolio"/></a>
          </div>

          <!-- Mobile Left Elements -->
          <div class="flex-col show-for-medium flex-left">
            <ul class="mobile-nav nav nav-left ">
              <li class="nav-icon has-icon">
  		<a href="#" data-open="#main-menu" data-pos="left" data-bg="main-menu-overlay" data-color="" class="is-small" aria-label="Menu" aria-controls="main-menu" aria-expanded="false">

		  <i class="icon-menu" ></i>
		  		</a>
	</li>
            </ul>
          </div>

          <!-- Left Elements -->
          <div class="flex-col hide-for-medium flex-left
            flex-grow">
            <ul class="header-nav header-nav-main nav nav-left  nav-uppercase" >
                          </ul>
          </div>

          <!-- Right Elements -->
          <div class="flex-col hide-for-medium flex-right">
            <ul class="header-nav header-nav-main nav nav-right  nav-uppercase">
              <li class="header-search header-search-dropdown has-icon has-dropdown menu-item-has-children">
		<a href="#" aria-label="Search" class="is-small"><i class="icon-search" ></i></a>
		<ul class="nav-dropdown nav-dropdown-default">
	 	<li class="header-search-form search-form html relative has-icon">
	<div class="header-search-form-wrapper">
		<div class="searchform-wrapper ux-search-box relative is-normal"><form method="get" class="searchform" action="https://www.camillatoft.dk/" role="search">
		<div class="flex-row relative">
			<div class="flex-col flex-grow">
	   	   <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Search&hellip;" />
			</div>
			<div class="flex-col">
				<button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
					<i class="icon-search" ></i>				</button>
			</div>
		</div>
    <div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li>
	</ul>
</li>
<li id="menu-item-623" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-623 menu-item-design-default"><a href="#section_kompetencer" class="nav-top-link">Kompetencer</a></li>
<li id="menu-item-678" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-678 menu-item-design-default"><a href="https://www.camillatoft.dk/portfolio/" class="nav-top-link">Portfolio</a></li>
<li id="menu-item-618" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-618 menu-item-design-default"><a href="#section_tidslinje" class="nav-top-link">Tidslinje</a></li>
<li id="menu-item-634" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-634 menu-item-design-default"><a href="#section_kontakt" class="nav-top-link">Kontakt</a></li>
            </ul>
          </div>

          <!-- Mobile Right Elements -->
          <div class="flex-col show-for-medium flex-right">
            <ul class="mobile-nav nav nav-right ">
                          </ul>
          </div>

      </div>

            <div class="container"><div class="top-divider full-width"></div></div>
      </div>

<div class="header-bg-container fill"><div class="header-bg-image fill"></div><div class="header-bg-color fill"></div></div>		</div>
	</header>

	
	<main id="main" class="">


<div id="content" role="main" class="content-area">

		
				<section class="section dark has-parallax" id="section_646460616">
		<div class="bg section-bg fill bg-fill  " data-parallax-container=".section" data-parallax-background data-parallax="-3">

			
			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-1907240152">

	<div id="col-1717076497" class="col small-12 large-12"  >
				<div class="col-inner text-center"  >
			
			
<h1 class="uppercase"><strong>Section Element</strong></h1>
<p class="lead">Sections are used for creating full width backgrounds with content inside it. You can have Parallax Effects and Background Videos.</p>
		</div>
				
<style>
#col-1717076497 > .col-inner {
  padding: 5% 6% 0px 10%;
}
</style>
	</div>

	
</div>
		</div>

		
<style>
#section_646460616 {
  padding-top: 0px;
  padding-bottom: 0px;
  min-height: 424px;
  background-color: rgb(41, 41, 41);
}
#section_646460616 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.19);
}
#section_646460616 .section-bg.bg-loaded {
  background-image: url(https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-2.jpg);
}
#section_646460616 .section-bg {
  background-position: 65% 40%;
}
#section_646460616 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_646460616 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section" id="section_474681738">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-601002566">

	<div id="col-326124181" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<h3>A Simple section with a two column row inside</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	

	<div id="col-399943990" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_474681738 {
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: rgb(233, 233, 233);
}
#section_474681738 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_474681738 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark" id="section_134442629">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-2024724326">

	<div id="col-798900666" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<h3>A Dark section with a row inside</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	

	<div id="col-1307458407" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_134442629 {
  padding-top: 60px;
  padding-bottom: 60px;
  background-color: rgb(41, 41, 41);
}
#section_134442629 .section-bg-overlay {
  background-color: rgb(36, 36, 36);
}
#section_134442629 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_134442629 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark" id="section_1842355748">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

				<div class="video-overlay no-click fill hide-for-medium"></div>
	<video class="video-bg fill hide-for-medium" preload playsinline autoplay
		muted		loop>
		<source src="http://flatsome.dev/wp-content/uploads/2016/02/348462762.mp4" type="video/mp4">	</video>

			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-870610256">

	<div id="col-1524788944" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			
<h2>A section with a background video</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1842355748 {
  padding-top: 128px;
  padding-bottom: 128px;
  background-color: rgb(41, 41, 41);
}
#section_1842355748 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.27);
}
#section_1842355748 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1842355748 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark" id="section_1450639709">
		<div class="bg section-bg fill bg-fill  " >

			
			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="row row-collapse align-center"  id="row-1984959012">

	<div id="col-1949300952" class="col medium-6 large-6"  >
				<div class="col-inner text-center"  >
			
			
<h2>A section can have a background image or a background color</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1450639709 {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 50vh;
  background-color: rgb(0, 0, 0);
}
#section_1450639709 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.51);
}
#section_1450639709 .section-bg.bg-loaded {
  background-image: url(https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-2.jpg);
}
#section_1450639709 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1450639709 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section" id="section_1854223261">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-middle"  id="row-551547367">

	<div id="col-2014620139" class="col medium-6 large-6"  >
				<div class="col-inner"  >
			
			
<h2>A Section with a Image on the right</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	

	<div id="col-1866055519" class="col medium-6 large-6"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_148915772">
								<div class="img-inner dark" >
			<img fetchpriority="high" decoding="async" width="400" height="260" src="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg" class="attachment-large size-large" alt="" srcset="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg 400w, https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1-300x195.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />						
					</div>
								
<style>
#image_148915772 {
  width: 100%;
}
</style>
	</div>
	
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1854223261 {
  padding-top: 61px;
  padding-bottom: 61px;
  background-color: rgb(243, 243, 243);
}
#section_1854223261 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1854223261 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark has-parallax" id="section_1800999725">
		<div class="bg section-bg fill bg-fill  bg-loaded" data-parallax-container=".section" data-parallax-background data-parallax="-4">

				<div class="video-overlay no-click fill hide-for-medium"></div>
	<video class="video-bg fill hide-for-medium" preload playsinline autoplay
		muted		loop>
		<source src="http://flatsome.dev/wp-content/uploads/2016/02/348462762.mp4" type="video/mp4">	</video>

			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-center"  id="row-314546829">

	<div id="col-2037093629" class="col medium-4 small-9 large-4"  >
				<div class="col-inner text-center"  >
			
			
<h2>A Parallax Background Video</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1800999725 {
  padding-top: 128px;
  padding-bottom: 128px;
  background-color: rgb(41, 41, 41);
}
#section_1800999725 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.27);
}
#section_1800999725 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1800999725 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section sticky-section" id="section_36496874">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-middle"  id="row-1230168214">

	<div id="col-426337991" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_9686035">
								<div class="img-inner box-shadow-4 box-shadow-5-hover dark" >
			<img fetchpriority="high" decoding="async" width="400" height="260" src="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg" class="attachment-large size-large" alt="" srcset="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg 400w, https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1-300x195.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />						
					</div>
								
<style>
#image_9686035 {
  width: 100%;
}
</style>
	</div>
	
		</div>
					</div>

	

	<div id="col-1072751602" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<h2>A sticky section with images left</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
<a class="button primary"  >
    <span>Click me!</span>
  </a>

		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_36496874 {
  padding-top: 61px;
  padding-bottom: 61px;
  background-color: rgb(255, 255, 255);
}
#section_36496874 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_36496874 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark sticky-section" id="section_318481471">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-middle"  id="row-565228333">

	<div id="col-184981863" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<h2>A sticky section with images right</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
<a class="button primary"  >
    <span>Click me!</span>
  </a>

		</div>
					</div>

	

	<div id="col-1044874153" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_587108264">
								<div class="img-inner box-shadow-4 box-shadow-5-hover dark" >
			<img fetchpriority="high" decoding="async" width="400" height="260" src="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg" class="attachment-large size-large" alt="" srcset="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg 400w, https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1-300x195.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />						
					</div>
								
<style>
#image_587108264 {
  width: 100%;
}
</style>
	</div>
	
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_318481471 {
  padding-top: 61px;
  padding-bottom: 61px;
  background-color: rgb(50, 50, 50);
}
#section_318481471 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_318481471 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section" id="section_1391830903">
		<div class="bg section-bg fill bg-fill  " >

			
			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="row align-middle"  id="row-1220448018">

	<div id="col-371925024" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
<h2>A Section with Image and a background</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	

	<div id="col-1236556289" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1050108522">
								<div class="img-inner dark" >
			<img fetchpriority="high" decoding="async" width="400" height="260" src="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg" class="attachment-large size-large" alt="" srcset="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg 400w, https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1-300x195.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />						
					</div>
								
<style>
#image_1050108522 {
  width: 100%;
}
</style>
	</div>
	
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1391830903 {
  padding-top: 61px;
  padding-bottom: 61px;
  background-color: rgb(243, 243, 243);
}
#section_1391830903 .section-bg-overlay {
  background-color: rgba(255, 255, 255, 0.9);
}
#section_1391830903 .section-bg.bg-loaded {
  background-image: url(https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-2.jpg);
}
#section_1391830903 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1391830903 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section" id="section_1778565182">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row row-collapse row-full-width align-middle"  id="row-838913349">

	<div id="col-2004713143" class="col medium-6 small-12 large-6"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_1516096156">
								<div class="img-inner dark" >
			<img fetchpriority="high" decoding="async" width="400" height="260" src="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg" class="attachment-large size-large" alt="" srcset="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg 400w, https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1-300x195.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />						
					</div>
								
<style>
#image_1516096156 {
  width: 100%;
}
</style>
	</div>
	
		</div>
					</div>

	

	<div id="col-1158123315" class="col medium-6 small-12 large-6"  >
				<div class="col-inner text-center"  >
			
			
<h2>A Section with a large image left.</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
				
<style>
#col-1158123315 > .col-inner {
  padding: 10%;
  max-width: 520px;
}
</style>
	</div>

	
</div>
		</div>

		
<style>
#section_1778565182 {
  padding-top: 61px;
  padding-bottom: 61px;
  background-color: rgb(255, 255, 255);
}
#section_1778565182 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1778565182 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section" id="section_421656157">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row row-collapse row-full-width align-middle align-right"  id="row-1937288285">

	<div id="col-1999616095" class="col medium-6 large-6"  >
				<div class="col-inner text-center"  >
			
			
<h2>A Section with a large image right.</h2>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
				
<style>
#col-1999616095 > .col-inner {
  padding: 10%;
  max-width: 520px;
}
</style>
	</div>

	

	<div id="col-1458867689" class="col medium-6 large-6"  >
				<div class="col-inner"  >
			
			
	<div class="img has-hover x md-x lg-x y md-y lg-y" id="image_612581704">
								<div class="img-inner dark" >
			<img fetchpriority="high" decoding="async" width="400" height="260" src="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg" class="attachment-large size-large" alt="" srcset="https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1.jpg 400w, https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-1-300x195.jpg 300w" sizes="(max-width: 400px) 100vw, 400px" />						
					</div>
								
<style>
#image_612581704 {
  width: 100%;
}
</style>
	</div>
	
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_421656157 {
  padding-top: 61px;
  padding-bottom: 61px;
  background-color: rgb(241, 241, 241);
}
#section_421656157 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_421656157 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark has-parallax" id="section_1137907605">
		<div class="bg section-bg fill bg-fill  " data-parallax-container=".section" data-parallax-background data-parallax="-1">

			
			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="container section-title-container" ><h3 class="section-title section-title-normal"><b></b><span class="section-title-main" >Section With a parallax background</span><b></b></h3></div>
<div class="row align-center"  id="row-751021029">

	<div id="col-658505453" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	

	<div id="col-1859849806" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	

	<div id="col-436706152" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
<div class="row align-center"  id="row-1212825473">

	<div id="col-191000478" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	

	<div id="col-1028153962" class="col medium-4 small-6 large-4"  >
				<div class="col-inner"  >
			
			
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	

	<div id="col-156515926" class="col medium-4 small-12 large-4"  >
				<div class="col-inner"  >
			
			
<h3>Lorem ipsum dolor sit amet</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1137907605 {
  padding-top: 97px;
  padding-bottom: 97px;
  min-height: 300px;
  background-color: rgb(0, 0, 0);
}
#section_1137907605 .section-bg-overlay {
  background-color: rgba(0, 0, 0, 0.51);
}
#section_1137907605 .section-bg.bg-loaded {
  background-image: url(https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-2.jpg);
}
#section_1137907605 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1137907605 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section has-parallax" id="section_1918961617">
		<div class="bg section-bg fill bg-fill  " data-parallax-container=".section" data-parallax-background data-parallax="-1">

			
			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="row row-collapse row-full-width align-center"  id="row-760679644">

	<div id="col-910894818" class="col medium-6 large-6"  >
				<div class="col-inner text-center"  >
			
			
<h2>A product slider inside a section</h2>
<a class="button primary"  >
    <span>Click me now</span>
  </a>

		</div>
				
<style>
#col-910894818 > .col-inner {
  padding: 0 10%;
}
</style>
	</div>

	
</div>
		</div>

		
<style>
#section_1918961617 {
  padding-top: 60px;
  padding-bottom: 60px;
  min-height: 300px;
  background-color: rgb(0, 0, 0);
}
#section_1918961617 .section-bg-overlay {
  background-color: rgba(255, 255, 255, 0.89);
}
#section_1918961617 .section-bg.bg-loaded {
  background-image: url(https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-2.jpg);
}
#section_1918961617 .section-bg {
  background-position: 25% 0%;
}
#section_1918961617 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1918961617 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark has-mask mask-arrow" id="section_374268167">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-44468025">

	<div id="col-1804015387" class="col medium-6 small-10 large-6"  >
				<div class="col-inner"  >
			
			
<h3>Section With A Arrow Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_374268167 {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 365px;
  background-color: rgb(63, 63, 63);
}
#section_374268167 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_374268167 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark has-mask mask-angled" id="section_385946275">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-1224820495">

	<div id="col-93345075" class="col medium-5 small-10 large-5"  >
				<div class="col-inner"  >
			
			
<h3>Section with an Angled Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_385946275 {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 365px;
  background-color: rgb(160, 160, 160);
}
#section_385946275 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_385946275 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark has-mask mask-angled-right" id="section_1874143127">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-1960045543">

	<div id="col-760580469" class="col medium-5 small-10 large-5"  >
				<div class="col-inner"  >
			
			
<h3>Section with an Angled Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1874143127 {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 365px;
  background-color: rgb(77, 77, 77);
}
#section_1874143127 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1874143127 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark has-mask mask-angled-right" id="section_907198205">
		<div class="bg section-bg fill bg-fill  " >

			
			<div class="section-bg-overlay absolute fill"></div>
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-1207475063">

	<div id="col-1226473696" class="col medium-6 small-9 large-6"  >
				<div class="col-inner"  >
			
			
<h3>Section with Angled Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_907198205 {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 365px;
  background-color: rgb(255, 255, 255);
}
#section_907198205 .section-bg-overlay {
  background-color: rgba(117, 117, 117, 0.44);
}
#section_907198205 .section-bg.bg-loaded {
  background-image: url(https://www.camillatoft.dk/wp-content/uploads/2016/08/dummy-2.jpg);
}
#section_907198205 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_907198205 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	
	<section class="section dark has-mask mask-arrow-large" id="section_1337175020">
		<div class="bg section-bg fill bg-fill  bg-loaded" >

			
			
			

		</div>

		

		<div class="section-content relative">
			
<div class="row"  id="row-1776191449">

	<div id="col-291731021" class="col large-12"  >
				<div class="col-inner"  >
			
			
<h3>Section with a Large Arrow Mask</h3>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat&#8230;.</p>
		</div>
					</div>

	
</div>
		</div>

		
<style>
#section_1337175020 {
  padding-top: 30px;
  padding-bottom: 30px;
  min-height: 365px;
  background-color: rgb(77, 77, 77);
}
#section_1337175020 .ux-shape-divider--top svg {
  height: 150px;
  --divider-top-width: 100%;
}
#section_1337175020 .ux-shape-divider--bottom svg {
  height: 150px;
  --divider-width: 100%;
}
</style>
	</section>
	

		
</div>



</main>

<footer id="footer" class="footer-wrapper">

	
<!-- FOOTER 1 -->

<!-- FOOTER 2 -->



<div class="absolute-footer dark medium-text-center small-text-center">
  <div class="container clearfix">

    
    <div class="footer-primary pull-left">
              <div class="menu-website-container"><ul id="menu-website-1" class="links footer-nav uppercase"><li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-623"><a href="#section_kompetencer">Kompetencer</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-678"><a href="https://www.camillatoft.dk/portfolio/">Portfolio</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-618"><a href="#section_tidslinje">Tidslinje</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-634"><a href="#section_kontakt">Kontakt</a></li>
</ul></div>            <div class="copyright-footer">
        Copyright 2026 © <strong>Camilla Toft</strong>      </div>
          </div>
  </div>
</div>

<a href="#top" class="back-to-top button icon invert plain fixed bottom z-1 is-outline hide-for-medium circle" id="top-link" aria-label="Go to top"><i class="icon-angle-up" ></i></a>

</footer>

</div>

<div id="main-menu" class="mobile-sidebar no-scrollbar mfp-hide">

	
	<div class="sidebar-menu no-scrollbar ">

		
					<ul class="nav nav-sidebar nav-vertical nav-uppercase" data-tab="1">
				<li class="header-search-form search-form html relative has-icon">
	<div class="header-search-form-wrapper">
		<div class="searchform-wrapper ux-search-box relative is-normal"><form method="get" class="searchform" action="https://www.camillatoft.dk/" role="search">
		<div class="flex-row relative">
			<div class="flex-col flex-grow">
	   	   <input type="search" class="search-field mb-0" name="s" value="" id="s" placeholder="Search&hellip;" />
			</div>
			<div class="flex-col">
				<button type="submit" class="ux-search-submit submit-button secondary button icon mb-0" aria-label="Submit">
					<i class="icon-search" ></i>				</button>
			</div>
		</div>
    <div class="live-search-results text-left z-top"></div>
</form>
</div>	</div>
</li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-623"><a href="#section_kompetencer">Kompetencer</a></li>
<li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-678"><a href="https://www.camillatoft.dk/portfolio/">Portfolio</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-618"><a href="#section_tidslinje">Tidslinje</a></li>
<li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-634"><a href="#section_kontakt">Kontakt</a></li>
			</ul>
		
		
	</div>

	
</div>
<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/flatsome/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<script type="text/javascript" src="https://www.camillatoft.dk/wp-content/themes/flatsome/inc/extensions/flatsome-live-search/flatsome-live-search.js?ver=3.16.2" id="flatsome-live-search-js"></script>
<script type="text/javascript" src="https://www.camillatoft.dk/wp-includes/js/dist/vendor/wp-polyfill.min.js?ver=3.15.0" id="wp-polyfill-js"></script>
<script type="text/javascript" src="https://www.camillatoft.dk/wp-includes/js/hoverIntent.min.js?ver=1.10.2" id="hoverIntent-js"></script>
<script type="text/javascript" id="flatsome-js-js-extra">
/* <![CDATA[ */
var flatsomeVars = {"theme":{"version":"3.16.2"},"ajaxurl":"https://www.camillatoft.dk/wp-admin/admin-ajax.php","rtl":"","sticky_height":"70","assets_url":"https://www.camillatoft.dk/wp-content/themes/flatsome/assets/js/","lightbox":{"close_markup":"\u003Cbutton title=\"%title%\" type=\"button\" class=\"mfp-close\"\u003E\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"28\" height=\"28\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"feather feather-x\"\u003E\u003Cline x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\u003E\u003C/line\u003E\u003Cline x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\u003E\u003C/line\u003E\u003C/svg\u003E\u003C/button\u003E","close_btn_inside":false},"user":{"can_edit_pages":false},"i18n":{"mainMenu":"Main Menu","toggleButton":"Toggle"},"options":{"cookie_notice_version":"1","swatches_layout":false,"swatches_box_select_event":false,"swatches_box_behavior_selected":false,"swatches_box_update_urls":"1","swatches_box_reset":false,"swatches_box_reset_extent":false,"swatches_box_reset_time":300,"search_result_latency":"0"}};
//# sourceURL=flatsome-js-js-extra
/* ]]> */
</script>
<script type="text/javascript" src="https://www.camillatoft.dk/wp-content/themes/flatsome/assets/js/flatsome.js?ver=fcf0c1642621a86609ed4ca283f0db68" id="flatsome-js-js"></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.camillatoft.dk/wp-includes/js/wp-emoji-release.min.js?ver=6.9.5"}}
</script>
<script type="module">
/* <![CDATA[ */
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://www.camillatoft.dk/wp-includes/js/wp-emoji-loader.min.js
/* ]]> */
</script>

</body>
</html>