@font-face {
		font-family: 'Ubuntu Regular';
		src:url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Regular.ttf') format('truetype'), 
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Regular.woff') format('woff'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Regular.woff2') format('woff2');
		font-display: swap;
}

@font-face {
		font-family: 'Ubuntu Bold';
		src: url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Bold.woff') format('woff'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Bold.woff2') format('woff2'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Bold.ttf') format('truetype');
		font-display: swap;
}

@font-face {
		font-family: 'Ubuntu Bold Italic';
		src: url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-BoldItalic.woff') format('woff'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-BoldItalic.woff2') format('woff2'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-BoldItalic.ttf') format('truetype');
		font-display: swap;
}

@font-face {
		font-family: 'Ubuntu Italic';
		src: url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Italic.woff') format('woff'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Italic.woff2') format('woff2'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Italic.ttf') format('truetype');
		font-display: swap;
}

@font-face {
		font-family: 'Ubuntu Light';
		src: url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Light.woff') format('woff'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Light.woff2') format('woff2'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Light.ttf') format('truetype');
		font-display: swap;
}

@font-face {
		font-family: 'Ubuntu Light Italic';
		src: url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-LightItalic.woff') format('woff'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-LightItalic.woff2') format('woff2'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-LightItalic.ttf') format('truetype');
		font-display: swap;
}

@font-face {
		font-family: 'Ubuntu Medium';
		src: url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Medium.woff') format('woff'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Medium.woff2') format('woff2'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-Medium.ttf') format('truetype');
		font-display: swap;
}

@font-face {
		font-family: 'Ubuntu Medium Italic';
		src: url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-MediumItalic.woff') format('woff'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-MediumItalic.woff2') format('woff2'),
				url('https://143528869.fs1.hubspotusercontent-eu1.net/hubfs/143528869/fonts/Ubuntu-MediumItalic.ttf') format('truetype');
		font-display: swap;
}
















/* 1a. Containers */




/* 1b. Colors */

html {
  --color-primary: #FFBC00;
  --color-secondary: #202124;
  --color-black: #202124;
  --color-darkgray: #575656;
  --color-gray: #DDDDDD;
  --color-lightgray: #F4F4F4;
  --color-white: #FDFDFD;

  --text-h2: ;
  --text-h3: ;
}

/* 1c. Typography */


























/* 1d. Buttons */













/* 1e. Forms */









































/* 1f. Tables */













/* 1g. Website header */








/* 1h. Website footer */








.content-wrapper {
		max-width: 1240px;
}

.dnd-section,
.content-wrapper--vertical-spacing {
		padding: 80px 1rem;
}





* {
		scroll-behavior: smooth;
}

html {
		font-size: 16px;
		line-height: 24px;
		position: relative;
		min-height: 100%;
		scroll-behavior: smooth;
}

body {
		font-size: 16px;
		line-height: 24px;
		font-family: 'Ubuntu Regular', sans-serif;
		color: #575656;
		background: var(--color-lightgray);
		scroll-behavior: smooth;
}

@media(max-width: 768px) {
		html, body {
				font-size: 16px;
				line-height: 24px;
		}
}
@media(max-width: 480px) {
		html, body {
				font-size: 14px;
				line-height: 22px;
		}
}

/* Text Marker */

*::selection {
		background: #FFBC00;
		color: #202124;
}
*::-moz-selection {
		background: #FFBC00;
		color: #202124;
}
*::-webkit-selection {
		background: #FFBC00;
		color: #202124;
}

/* Paragraphs */

p {
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
}
@media(max-width: 768px) {
		p {
				font-size: 16px;
				line-height: 24px;
		}
}
@media(max-width: 480px) {
		p {
				font-size: 14px;
				line-height: 22px;
		}
}

/* Anchors */
/*
a {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
color: #575656;
}

a:hover,
a:focus {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
color: #2f2e2e;
}

a:active {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 500; text-decoration: underline;
color: #7f7e7e;
}
*/

a {
		font-family: 'Ubuntu Medium';
		color: #575656;
		text-decoration: underline;
}
a:hover,
a:focus,
a:active {
}


/* Headings */
/*
h1,
.h1 {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
color: #202124;
font-size: 44px;
text-transform: none;
}

h2,
.h2 {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
color: #202124;
font-size: 36px;
text-transform: none;
}

h3,
.h3 {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
color: #202124;
font-size: 32px;
text-transform: none;
}

h4,
.h4 {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
color: #202124;
font-size: 24px;
text-transform: none;
}

h5,
.h5 {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 500; text-decoration: none;
color: #202124;
font-size: 20px;
text-transform: none;
}

h6,
.h6 {
font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
color: #202124;
font-size: 16px;
text-transform: uppercase;
}
*/

h1, .h1 {
		font-family: 'Ubuntu Bold';
		font-size: 44px;
		line-height: 56px;
		color: #202124;
		text-transform: none;
}

h2, .h2 {
		font-family: 'Ubuntu Bold';
		font-size: 36px;
		line-height: 44px;
		color: #202124;
		text-transform: none;
}

h3, .h3 {
		font-family: 'Ubuntu Bold';
		font-size: 32px;
		line-height: 40px;
		color: #202124;
		text-transform: none;
}

h4, .h4 {
		font-family: 'Ubuntu Medium';
		font-size: 24px;
		line-height: 32px;
		color: #202124;
		text-transform: none;
}

h5, .h5 {
		font-family: 'Ubuntu Medium';
		font-size: 20px;
		line-height: 28px;
		color: #202124;
		text-transform: none;
}

h6, .h6 {
		font-family: 'Ubuntu Bold';
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.8px;
		color: #202124;
		text-transform: uppercase;
}

/* Tablet */
@media(max-width: 768px) {
		h1, .h1 {
				font-size: 32px;
				line-height: 40px;
		}

		h2, .h2 {
				font-size: 30px;
				line-height: 38px;
		}

		h3, .h3 {
				font-size: 28px;
				line-height: 36px;
		}

		h4, .h4 {

		}

		h5, .h5 {

		}

		h6, .h6 {
				font-size: 16px;
				line-height: 24px;
		}
}

/* Mobile */
@media(max-width: 480px) {
		h1, .h1 {
				font-size: 24px;
				line-height: 32px;
		}

		h2, .h2 {

		}

		h3, .h3 {
				font-size: 24px;
				line-height: 32px;
		}

		h4, .h4 {

		}

		h5, .h5 {

		}

		h6, .h6 {
				font-size: 14px;
				line-height: 22px;
				letter-spacing: 0.7px;
		}
}

/* Blockquote */

blockquote {
		border-left-color: ;
}




/*
button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
border: 1px solid #FFBC00;

padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;

font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
background-color: 

  
  
    
  


  rgba(255, 188, 0, 1.0)

;
border-radius: 6px;
color: #FFFFFF;
font-size: 22px;
text-transform: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
border: 1px solid #1a334e;
;
color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
border-radius: 6px;
}
*/

button,
.button,
.hs-button,
.hs-blog-post-listing__post-button {
		color: #202124;
		border-radius: 5px;
		background-color: #FFBC00;
		font-family: 'Ubuntu Medium', sans-serif;
		font-size: 16px;
		line-height: 20px;
		padding: 10px 20px;
		text-decoration: none;
}

button:hover,
button:focus,
.button:hover,
.button:focus,
.hs-button:hover,
.hs-button:focus,
.hs-blog-post-listing__post-button:hover,
.hs-blog-post-listing__post-button:focus {
		color: #FFBC00;
		background-color: #202124;
		border-radius: 6px;
}

button:active,
.button:active,
.hs-button:active,
.hs-blog-post-listing__post-button:active {
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
		background-color: rgba(255, 228, 40, 1.0);
		border-color: #ffe428;
}





form,
.submitted-message {
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
		border: 1px none #202124;
;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		background-color: 

  
  
    
  


  rgba(32, 33, 36, 1.0)

;
		padding: 0px;
;
}

/* Form title */

.form-title {
		border: 1px none #202124;
;
		padding-top: 0px;
padding-right: 0px;
padding-bottom: 30px;
padding-left: 0px;
;
		font-family: Ubuntu; font-style: normal; font-weight: 700; text-decoration: none;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		border-bottom-left-radius: 0px;
		border-bottom-right-radius: 0px;
		font-size: 32px;
		color: #202124;
		background-color: 

  
  
    
  


  rgba(32, 33, 36, 1.0)

;
}


/* Labels */

form label {
		color: var(--color-darkgray);
}

/* Help text */

form legend {
		color: #FFBC00;
}

/* Inputs */

form input[type=text],
form input[type=search],
form input[type=email],
form input[type=password],
form input[type=tel],
form input[type=number],
form input[type=file],
form select,
form textarea {
		border: 0;
		background-color: white;
		color: var(--color-darkgray);
		border-radius: 10px !important;
}

/* Form placeholder text */

::-webkit-input-placeholder {
		color: color: var(--color-darkgray);;
}

::-moz-placeholder {
		color: color: var(--color-darkgray);;
}

:-ms-input-placeholder {
		color: color: var(--color-darkgray);;
}

::placeholder {
		color: color: var(--color-darkgray);
}

/* Inputs - date picker */

.hs-fieldtype-date .input .hs-dateinput:before {
		color: #FFBC00;
}

.fn-date-picker td.is-selected .pika-button {
		background: ;
}

.fn-date-picker td .pika-button:hover {
		background-color:  !important;
}

.fn-date-picker td.is-today .pika-button {
		color: ;
}

/* Submit button */

form input[type=submit],
form .hs-button {
		border: 1px none #FFBC00;
;
		padding-top: 15px;
padding-right: 53px;
padding-bottom: 15px;
padding-left: 53px;
;
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: normal; text-decoration: none;
		color: #FFFFFF;
		font-size: 22px;
		background-color: 

  
  
    
  


  rgba(255, 188, 0, 1.0)

;
		border-radius: 6px;
		text-transform: none;
}

form input[type=submit]:hover,
form input[type=submit]:focus,
form .hs-button:hover,
form .hs-button:focus {
		background-color: 

  
  
    
  


  rgba(26, 51, 78, 1.0)

;
		color: #ffffff;
		border: 1px none #1a334e;
;
}

form input[type=submit]:active,
form .hs-button:active {
		background-color: rgba(255, 228, 40, 1.0);
		border-color: #ffe428;
}

form select:active,
form select:focus,
form select:focus-visible {
		border: 2px solid red !important;
		outline: none !important;
}





/* Table */

table {
		border: 1px solid #FFBC00;

		background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

/* Table cells */

td,
th {
		border: 1px solid #FFBC00;

		padding: 18px;

		color: #FFBC00;
}

/* Table header */

thead th {
		background-color: 

  
  
    
  


  rgba(255, 188, 0, 1.0)

;
		color: #FFFFFF;
}

/* Table footer */

tfoot td {
		background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
		color: #FFBC00;
}





.header {
		background-color: 

  
  
    
  


  rgba(32, 33, 36, 1.0)

;
}

.menu__link,
.header__logo .logo-company-name,
.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
		color: #FFBC00;
		font-family: Ubuntu;
}

.menu__child-toggle-icon {
		border-top-color: #FFBC00;
}

.menu .menu__link:hover,
.menu .menu__link:focus,
.header__language-switcher-label-current:hover,
.header__language-switcher-label-current:focus,
.header__language-switcher .lang_list_class li:hover a,
.header__language-switcher .lang_list_class li a:focus {
		color: #d79400;
}

.menu__child-toggle-icon:hover,
.menu__child-toggle-icon:focus {
		border-top-color: #d79400;
}

.menu .menu__link:active,
.header__language-switcher-label-current:active,
.header__language-switcher .lang_list_class li a:active {
		color: #ffe428;
}

.menu__child-toggle-icon:active {
		border-top-color: #ffe428;
}

.menu .menu__item--depth-1 > .menu__link--active-link:after, .header .menu__submenu--level-2 .menu__item--depth-2 .menu__link--active-link:after {
		background-color: #FFBC00;
}

@media (min-width: 767px) {
		.menu .menu__submenu,
		.header__language-switcher .lang_list_class {
				border: 2px solid #FFBC00;

				background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
		}

		.menu__submenu--level-2 > .menu__item:first-child:before {
				border: 2px solid #FFBC00;

				background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
		}
}

.menu__submenu .menu__link,
.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus {
		color: #FFBC00;
		background-color: 

  
  
    
  


  rgba(255, 255, 255, 1.0)

;
}

.header__language-switcher .lang_list_class:before {
		border-bottom-color: #FFBC00;
}

.menu__submenu .menu__link:hover,
.menu__submenu .menu__link:focus,
.header__language-switcher .lang_list_class li:hover,
.menu__submenu--level-2 > .menu__item:first-child:hover:before,
.menu__submenu--level-2 > .menu__item:first-child.focus:before {
		background-color: 

  
  
    
  


  rgba(32, 33, 36, 1.0)

;
}

.header__language-switcher .lang_list_class.first-active::after {
		border-bottom-color: 

  
  
    
  


  rgba(32, 33, 36, 1.0)

;
}

.header__language-switcher-label-current,
.header__language-switcher .lang_list_class li a {
		font-family: Ubuntu;
}

.header__language-switcher-label-current:after {
		border-top-color: #FFBC00;
}

@media(max-width: 820px) {
		.header__navigation {
				background-color: 

  
  
    
  


  rgba(32, 33, 36, 1.0)

;
		}

		.header__navigation-toggle svg,
		.menu-arrow svg {
				fill: #FFBC00;
		}
}





.footer {
		background-color: 

  
  
    
  


  rgba(32, 33, 36, 1.0)

;
}

/* Footer content */

.footer p,
.footer h1,
.footer h2,
.footer h3,
.footer h4,
.footer h5,
.footer h6,
.footer label,
.footer span,
.footer li,
.footer img {
		color: #FFBC00;
}





.blog-post,
.blog-header__inner,
.blog-related-posts {
		padding: 80px 0;
}

/* Blog post */

.blog-post__meta a {
		color: #575656;
}

.blog-post__tag-link {
		color: #575656;
}

.blog-post__tag-link:hover,
.blog-post__tag-link:focus {
		color: #2f2e2e;
}

.blog-post__tag-link:active {
		color: #7f7e7e;
}

/* Blog related posts */

.blog-related-posts__title-link,
.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus,
.blog-related-posts__title-link:active {
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
		text-transform: none;
}

.blog-related-posts__title-link {
		color: #202124;
}

.blog-related-posts__title-link:hover,
.blog-related-posts__title-link:focus {
		color: #000000;
}

.blog-related-posts__title-link:active {
		color: #48494c;
}

/* Blog comments */

.blog-comments {
		margin-bottom: 80px;
}

#comments-listing .comment-reply-to {
		color: #575656;
}

#comments-listing .comment-reply-to:hover,
#comments-listing .comment-reply-to:focus {
		color: #2f2e2e;
}

#comments-listing .comment-reply-to:active {
		color: #7f7e7e;
}





.hs-search-results__title {
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
		color: #202124;
}





/* Blog listing */

.hs-blog-post-listing__post-title-link,
.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus,
.hs-blog-post-listing__post-title-link:active {
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
		text-transform: none;
}

.hs-blog-post-listing__post-title-link {
		color: #202124;
}

.hs-blog-post-listing__post-title-link:hover,
.hs-blog-post-listing__post-title-link:focus {
		color: #000000;
}

.hs-blog-post-listing__post-title-link:active {
		color: #48494c;
}


.hs-blog-post-listing__post-tag,
.hs-blog-post-listing__post-author-name {
		color: #575656;
}

/* Blog pagination */

.hs-pagination__link-text,
.hs-pagination__link--number {
		color: #575656;
}

.hs-pagination__link:hover .hs-pagination__link-text,
.hs-pagination__link:focus .hs-pagination__link-text,
.hs-pagination__link--number:hover,
.hs-pagination__link--number:focus {
		color: #2f2e2e;
}

.hs-pagination__link:active .hs-pagination__link-text,
.hs-pagination__link--number:active {
		color: #7f7e7e;
}

.hs-pagination__link-icon svg {
		fill: #575656;
}

/* Pricing card */

.card__price {
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
		color: #202124;
		font-size: 32px;
}

.card__body svg {
		fill: ;
}

/* Social follow */

.social-links__icon {
		background-color: ;
}

.social-links__icon:hover,
.social-links__icon:focus {
		background-color: ;
}

.social-links__icon:active {
		background-color: ;
		font-family: Ubuntu, sans-serif; font-style: normal; font-weight: 700; text-decoration: none;
		color: #202124;
		font-size: 32px;
}

.social-effect:hover {
		filter: saturate(1.5) brightness(0.9);
}

/* GLOBAL CLASSES */

.no-scroll {
		overflow: hidden;
}

/*
* Global Header
*/

.header {
		height: 100px;
		background: var(--color-lightgray);
}

.header .header__column {
		background: var(--color-white);
		height: 64px;
		position: relative;
		top: 65px;
		box-shadow: 10px 10px 20px rgba(0,0,0,.16);
		border-radius: 5px;
}

@media (max-width: 1150px) and (min-width: 767px) {
		.header .header__column {
				width: unset;
		}
}

.header .header__column * {
		color:var(--color-black);
		font-family: 'Ubuntu Medium', sans-serif;
		font-size: 16px;
		transition: .2s ease-in-out;
		text-transform: unset;
}

.header .header__column *:hover {
		color: var(--color-primary);
}

.header .menu__wrapper .menu__item--depth-1 {
		padding:0;
		margin: 25px 25px;
		display: flex;
		justify-content: center;
		align-items: center;
}

@media all and (max-width: 950px) {
		.header .menu__wrapper .menu__item--depth-1 {
				margin: 25px 15px;
		}

		.header .header__logo {
				max-width: 200px !important;
		}
}

.header .menu__wrapper {
		padding: 0px 20px;
		display: flex;
		justify-content: center;
		align-items: center;
}

.header #header-wrapper .header__row-2 {
		height: 100%;
}

.header #header-wrapper {
		max-width: 1240px;
		height: 100%;
		padding: 0 60px 0 60px;
}

@media(max-width: 1024px) {
		.header #header-wrapper {
				padding: 0 36px 0 36px;
		}
}

@media(max-width: 675px) {
		.header #header-wrapper {
				padding: 0 16px 0 16px;
		}
}

.header .header__logo {
		padding-top: 0;
		max-width: unset;
}

#header-wrapper #hs-link-site_logo_hs_logo_widget img {
		width: 225px !important;
		height: 50px !important;
}

.header .menu__submenu--level-2 {
		transform: translateX(0%) translateY(30px);
}

.header .menu__submenu--level-2 .menu__item--depth-2:first-child::before {
		left: -35px;
		opacity: 0;
		top: -68px;
		transform: unset;
		width: 150px!important;
		height: 50px;
} 

.header .menu__submenu--level-2 {
		background: var(--color-white);
		border-radius: 10px;
		border-color: transparent;
		padding: 30px 0px 30px 9px;
		max-width: fit-content;
}

.header .menu__submenu--level-2 li {
		border: none;
}

.header .menu__submenu--level-2 li a {
		transition: .2s;
}

.header .menu__submenu--level-2 li a:hover, .header .menu__submenu--level-2 li a:active,
.header .menu__submenu--level-2 li a:focus {
		background: none;
}

.header .menu__child-toggle-icon {
		border: none;
}

.header .menu__child-toggle-icon {
		transform: rotate(180deg);
		right: -17px;
		position: relative;
		top: -1px;
		pointer-events: none;
}

.header .menu__child-toggle-icon::after {
		content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="11.697" height="7.049" viewBox="0 0 11.697 7.049"><g id="Icon_feather-arrow-down" data-name="Icon feather-arrow-down" transform="translate(10.849 6.2) rotate(180)"><path id="Pfad_4" data-name="Pfad 4" d="M17.5,18l-5,5-5-5" transform="translate(-7.5 -18)" fill="none" stroke="%23202124" stroke-linejoin="round" stroke-width="2.4"/></g></svg>');
		top: -16px;
		position: relative;
}

.header .menu__item--depth-1.menu__item--open .menu__child-toggle-icon {
		transform: rotate(0deg);
		right: -6px;
		top: 1px;
}

.header .menu__item--depth-1>.menu__link--active-link:after, .header .menu__submenu--level-2 .menu__item--depth-2 .menu__link--active-link:after {
		height: 3px;
}

.menu__link  .menu__link--active-branch .menu__link--active-link {
  color:red!important;
}

/* Mobile Header */

@media all and (max-width: 820px) {
		.header {
				height: 120px;
		}

		.header #header-wrapper {
				display: flex;
				justify-content: space-between;
				align-items: center;
				flex-flow: row;
		}

		.header #header-wrapper .header__column {
				position: unset;
				background: none;
				box-shadow: none;
		}

		.header #header-wrapper .header__logo {
				margin: 0;
		}

		.header .header--toggle.header__navigation--toggle {
				margin-left: auto;
				margin-right: unset;
		}

		.header .header--toggle.header__navigation--toggle.hide.open {
				display: none;
		}

		.header .header__navigation--toggle {
				width: 60px;
				height: 60px;
				background: var
				border-radius: 16px;
				box-sizing: border-box;
				display: flex;
				justify-content: center;
				align-items: center;
		}

		.header #header-wrapper .header__row-2 {
				padding: 0;
		}

		.header .header__navigation--toggle::after {
				content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="21" viewBox="0 0 24 21"><g id="Gruppe_1473" data-name="Gruppe 1473" transform="translate(-328 -40)"><rect id="Rechteck_940" data-name="Rechteck 940" width="24" height="3" transform="translate(328 40)" fill="%23202124"/><rect id="Rechteck_941" data-name="Rechteck 941" width="24" height="3" transform="translate(328 49)" fill="%23202124"/><rect id="Rechteck_942" data-name="Rechteck 942" width="24" height="3" transform="translate(328 58)" fill="%23202124"/></g></svg>');
				width: 24px;
				height: 21px;
				display: block;
				position: unset;
		}

		.header__close--toggle.show {
				width: 60px;
				height: 60px;
				background: var
				border-radius: 16px;
				box-sizing: border-box;
				display: flex;
				justify-content: center;
				align-items: center;
				z-index: 99999;
		}

		.header__close--toggle.show::after {
				width: 19px;
				height: 19px;
				display: block;
				position: unset;
				content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="19.093" height="19.799" viewBox="0 0 19.093 19.799"><g id="Gruppe_1795" data-name="Gruppe 1795" transform="translate(-330.1 -41.101)"><g id="Rechteck_941" data-name="Rechteck 941" transform="translate(332.222 41.808) rotate(45)" fill="%23202124" stroke="%23202124" stroke-width="3"><rect width="24" height="3" stroke="none"/><rect x="1.5" y="1.5" width="21" fill="none"/></g><g id="Rechteck_1274" data-name="Rechteck 1274" transform="translate(349.193 43.222) rotate(135)" fill="%23202124" stroke="%23202124" stroke-width="3"><rect width="24" height="3" stroke="none"/><rect x="1.5" y="1.5" width="21" fill="none"/></g></g></svg>');
		}

		.header .header__navigation.header--element.open {
				display: block;
				left: unset;
				right:0;
				animation: slideIn .2s ease-in-out;
				min-height: 100vh;
				top: 0;
				max-width: 75vw;
				bottom: 0;
				z-index: 9999;
		}

		@keyframes slideIn {
				from {
						width: 0vw;
				}
				to {
						width: 75vw;
				}
		}

		.header .header__navigation.header--element .menu--desktop {
				display: none;
		}

		.header .header__navigation.header--element .menu--mobile {
				display: block;
				height: calc(100vh - 149px);
				top: 149px;
				position: relative;
		}

		.header .header__navigation.header--element .menu--mobile .menu__wrapper {
				flex-flow: column;
				padding: 0 35px 0 50px;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1:first-child {
				border-top: 3px solid var(--color-gray) !important;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 {
				border-top: unset !important;
				border-bottom: 3px solid var(--color-gray) !important;
				padding: 33px 0;
				width: 100%;
				display: flex;
				justify-content: space-between;
				margin: 0;
				flex-wrap: wrap;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 a:active,
		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 a:hover,
		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 a:focus,
		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 a:focus-visible {
				color: var(--color-primary) !important;
				font-weight: bold;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 a {
				margin-left: 20px;
				font-size: 24px;
				font-family: 'Ubuntu Medium', sans-serif;
				display: flex;
				justify-content: space-between;
				color:var(--color-black);
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1:not(.menu__item--has-submenu)::after {
				content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16.007" viewBox="0 0 24 16.007"><path id="Icon_ionic-ios-arrow-round-forward" data-name="Icon ionic-ios-arrow-round-forward" d="M23.18,11.558a1.089,1.089,0,0,0-.008,1.534l5.068,5.077H8.95a1.084,1.084,0,0,0,0,2.167H28.232l-5.068,5.077a1.1,1.1,0,0,0,.008,1.534,1.079,1.079,0,0,0,1.526-.008l6.869-6.919h0a1.217,1.217,0,0,0,.225-.342,1.034,1.034,0,0,0,.083-.417,1.087,1.087,0,0,0-.308-.759L24.7,11.583A1.062,1.062,0,0,0,23.18,11.558Z" transform="translate(-7.875 -11.252)" fill="%23ffbc00"/></svg>');
				display: block;
				margin-right: 20px;
				position: absolute;
				right: 0;
				z-index: 1;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1:not(.menu__item--has-submenu) a {
				width: 100%;
				position: relative;
				z-index: 2;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu a {
				width: 80%;
				
				@media all and (max-width: 459px) {
						width: 50%;
				}
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu .menu__child-toggle::after {
				content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="16.007" viewBox="0 0 24 16.007"><path id="Icon_ionic-ios-arrow-round-forward" data-name="Icon ionic-ios-arrow-round-forward" d="M23.18,11.558a1.089,1.089,0,0,0-.008,1.534l5.068,5.077H8.95a1.084,1.084,0,0,0,0,2.167H28.232l-5.068,5.077a1.1,1.1,0,0,0,.008,1.534,1.079,1.079,0,0,0,1.526-.008l6.869-6.919h0a1.217,1.217,0,0,0,.225-.342,1.034,1.034,0,0,0,.083-.417,1.087,1.087,0,0,0-.308-.759L24.7,11.583A1.062,1.062,0,0,0,23.18,11.558Z" transform="translate(-7.875 -11.252)" fill="%23ffbc00"/></svg>');
				display: block;
				margin-right: 20px;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 .menu__child-toggle-icon::after {
				display: none;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 .menu__link--active-branch::after, 	.header .header__navigation.header--element .menu--mobile .menu__item--depth-2 .menu__link--active-branch::after { 
				display: none;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu .menu__submenu--level-2 {
				position: unset;
				width: 100%;
				background: none;
				box-shadow: none;
				border: none;
				transform: unset;
				max-width: unset;
				padding-bottom: 0;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu .menu__submenu--level-2 a {
				background: none;
				font-size: 20px;
				font-family: 'Ubuntu Medium', sans-serif;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu .menu__submenu--level-2 a:active,
		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu .menu__submenu--level-2 a:hover,
		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu .menu__submenu--level-2 a:focus,
		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu .menu__submenu--level-2 a:focus-visible,
    .header .header__navigation.header--element .menu--mobile .menu__item .menu__link--active-link,
    .header .menu__item--depth-2>.menu__link--active-link
  {
				color: var
				font-weight: bold;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1.menu__item--open .menu__child-toggle::after {
				transform: rotate(90deg);
		}

		.header .menu__child-toggle {
				background: none !important;
				background-position: unset;
				background-repeat: unset;
				background-size: unset;
				border: unset;
				cursor: unset;
				height: unset;
				padding: unset;
				position: unset;
				right: unset;
				top: unset;
				width: unset;
		}

		.header .menu__child-toggle-icon {
				display: none;
		}

		.header .menu__item--depth-2 {
				background: none !important;
		}

		.header .header--element.open {
				box-shadow: -5px 5px 20px 20px rgba(0,0,0,.16);
		}
}

@media all and (max-width: 675px) {
		.header {
				height: 88px;
		}

		.header .header__navigation.header--element .menu--mobile {
				display: block;
				height: calc(100vh - 88px);
				top: 88px;
				position: relative;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 a {
				margin-left: 20px;
				font-size: 16px;
				margin-left: 8px;
				font-family: 'Ubuntu Medium', sans-serif;
				padding-left: 0;
		}
		.header .header__navigation.header--element .menu--mobile .menu__item--has-submenu .menu__submenu--level-2 a {
				background: none;
				font-size: 14px;
				font-family: 'Ubuntu Medium', sans-serif;
				padding: 7px 0;
		}

		.header .menu__submenu--level-2 {
				padding-top: 3px;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1:first-child {
				border-top: 2px solid var(--color-gray) !important;
		}

		.header .header__navigation.header--element .menu--mobile .menu__item--depth-1 {
				border-top: unset !important;
				border-bottom: 2px solid var(--color-gray) !important;
				padding: 19px 0;
		}

		.header #header-wrapper .header__logo {
				max-width: 160px !important;
		}
}

@media all and (max-width: 360px) {
		.header .header__navigation.header--element.open {
				max-width: unset;
		}

		.header .menu__wrapper {
				padding: 20px 30px 0 30px;
		}

		.header #header-wrapper .header__logo {
				max-width: 120px !important;
		}
}







.smallHeadline { 
		color: #575656;
		margin-bottom: 0.3rem; 
		text-transform: uppercase;
		font-weight: bold;
}


.yellowHeadline {
		color: #FFBC00;
}



.badge-wrapper {
		background-color: #FFBC00;
		width: 224px;
		height: 224px;
		border-radius: 100%;
		text-align: center;
		display: grid;
		align-content: center;
		position: absolute;
		right: 76px;
		top: -112px;	
}

.badge-wrapper a {
  text-decoration: none;
	color: #202124; 
}

.badge-wrapper::before {
		border-color: transparent #FFBC00 transparent #FFBC00;
		border-style: solid;
		border-width: 0px 40px 40px 0px;
		content: "";
		height: 0;
		left: 13px;
		position: absolute;
		top: 10%;
		transform: rotate(-90deg);
		width: 0;
} 
.badge-wrapper .badge-textSmall,
.badge-wrapper .badge-textBig { 
		color: #202124; 
}
.badge-wrapper .badge-textSmall { 
		font-family: Ubuntu Medium; 
		font-size: 16px; 
		line-height: 24px; 
		margin-bottom: 10px; 
}
.badge-wrapper .badge-textBig, .badge-wrapper .badge-textBig a { 
		font-family: Ubuntu Bold; 
		font-size: 20px; 
		line-height: 28px; 
}

@media all and (max-width: 768px) {
		.badge-wrapper {
				top: -50px;
				right: 16px;
				width: 160px;
				height: 160px;
		}
		.badge-wrapper .badge-textBig, .badge-wrapper .badge-textBig a  {
				font-size: 16px;
		}
		.badge-wrapper .badge-textSmall {
				color: var(--color-darkgray);
				font-size: 14px;
				font-family: 'Ubuntu Regular', sans-serif;
				margin-top: 13px;
		}
}





.toTop {
		width: 48px;
		height: 48px;
		position: fixed;
		background: var
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 25px;
		left: 93vw;
		bottom: 7vh;
		cursor: pointer;
		z-index: 9999;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);

		@media all and (max-width: 1600px) {
				left: 95vw;
		}

		@media all and (max-width: 1350px) {
				left: calc(100vw - 48px - 36px);
				bottom: 5vh;
		}

		@media all and (max-width: 541px) {
				right: 16px;
				left: unset;
				bottom: 2vh;
		}

}

.toTop:hover {
				box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
}

.toTop-wrapper {
		display: flex;
		justify-content: center;
		align-items: center;
		height: inherit;
}

.toTop-wrapper:hover {
		color: var(--color-primary);
}

.toTop svg {
		position: relative;
		top: 2px;
}

.stickyElements {
		position: fixed;
		top: 200px;
		right: 0;
		z-index: 99999;
		transform: translateX(calc(100% - 50px));

		@media all and (max-width: 700px) {
				display: none;
		}
}

.stickyElements-top {
		background: var(--color-white);
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
		display: flex;
		color:var(--color-black);
		padding: 0 14px 0 14px;
		align-items: center;
		margin-bottom: 10px;
		transition: .2s ease-in-out;
}

.stickyElements-top:hover {
		transform: translateX(calc(-100% + 50px));
		cursor: pointer;
}

.stickyElements-top svg, .stickyElements-bottom svg {
		margin-right: 12px;
		width: 24px;
}

.stickyElements-bottom {
		background: var
		border-top-left-radius: 10px;
		border-bottom-left-radius: 10px;
		box-shadow: 5px 5px 10px rgba(0, 0, 0, .1);
		display: flex;
		color:var(--color-black);
		padding: 0 14px 0 14px;
		align-items: center;
		transition: .2s ease-in-out;
}

.stickyElements-bottom:hover {
		transform: translateX(calc(-100% + 50px));
		cursor: pointer;
}

.stickyElements-top p, .stickyElements-bottom p {
		font-size: 13px;
		line-height: 16px;
		display: flex;
		flex-wrap: wrap;
		width: 59%;
		font-family: 'Ubuntu Medium', sans-serif;
		margin: 0;
		padding: 10px 0;
}