.versionen {
	position: fixed;
	bottom: 100px;
	right: 12px;
	z-index: 9999;
}

.versionen ul {
	margin: 0;
	padding: 0;
}

.versionen li {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 44px;
	height: 44px;
	box-sizing: border-box;
	cursor: pointer;
	list-style: none;
	background: var(--version_button_1_background, #FFFFFF);
	color: var(--version_button_1_font, #242424);
	border-radius: 50%;
	padding: 0;
	margin-top: 6px;
	font-size: 0;
	line-height: 1;
}

.versionen li:hover,
.versionen li:focus-visible {
	filter: brightness(0.9);
}

.versionen li.is-selected {
	outline: 1px dotted currentColor;
	outline-color: color-mix(in srgb, currentColor 65%, transparent);
	outline-offset: 2px;
}

.versionen li:nth-child(1) {
	background: var(--version_button_1_background, #FFFFFF);
	color: var(--version_button_1_font, #242424);
}

.versionen li:nth-child(2) {
	background: var(--version_button_2_background, #FFFFFF);
	color: var(--version_button_2_font, #242424);
}

.versionen li:nth-child(3) {
	background: var(--version_button_3_background, #FFFFFF);
	color: var(--version_button_3_font, #242424);
}

.versionen li:nth-child(4) {
	background: var(--version_button_4_background, #FFFFFF);
	color: var(--version_button_4_font, #242424);
}

.versionen li:nth-child(5) {
	background: var(--version_button_5_background, #FFFFFF);
	color: var(--version_button_5_font, #242424);
}

.versionen li:nth-child(6) {
	background: var(--version_button_6_background, #FFFFFF);
	color: var(--version_button_6_font, #242424);
}

.versionen li::after {
	font-size: 18px;
}

.versionen li:nth-child(1)::after {
	content: "1";
}

.versionen li:nth-child(2)::after {
	content: "2";
}

.versionen li:nth-child(3)::after {
	content: "3";
}

.versionen li:nth-child(4)::after {
	content: "4";
}

.versionen li:nth-child(5)::after {
	content: "5";
}

.versionen li:nth-child(6)::after {
	content: "6";
}

#hero .hero-version-source {
	display: none !important;
}

html.sonk-hero-version-pending #hero .version {
	visibility: hidden !important;
}

#hero .movie_container .hero_movie_poster {
	position: absolute;
	inset: 0;
	z-index: 2;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	opacity: 1;
	pointer-events: none;
	transition: opacity 250ms ease;
}

#hero .movie_container.hero-movie-playing .hero_movie_poster {
	opacity: 0;
}

#hero .fullscreen .textblock {
	top: calc(50vh + var(--hero_textblock_vertical_offset)) !important;
	bottom: auto !important;
	transform: translateY(-50%);
	z-index: 3;
	will-change: opacity;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

@media only screen and (max-width: 600px) {
	:root {
		--hero_textblock_vertical_offset: 0vh !important;
	}

	#hero .fullscreen .textblock {
		top: 50vh !important;
		transform: none !important;
	}
}

:root {
	
	--hero_background_url:  	url(../images/many_colourful_balls_of_yarn__wool_and_rope_on_a_white_shiny_table_in_an_empty_room__bright_light_-brown__low_contrast__dark__wood__wodden_1858144470.webp);
	--hero_v1_display: flex;
	--hero_v2_display: none;
	--hero_v3_display: none;
	--hero_v4_display: none;
	--hero_v5_display: none;
	--hero_v6_display: none;
		
	--v1_display: block;
	--v2_display: none;
	--v3_display: none;
	--v4_display: none;
	--v5_display: none;
	--v6_display: none;
	
	/* -10vh = 10% der Browserhoehe nach oben, +10vh nach unten. */
	--hero_textblock_vertical_offset: 0vh;
	
	--logo_url: url(/files/assets/Logo-Sonk-1.png);
	--color_first: #FFFFFF;
	--color_second: #FFFFFF;
	--color_hero_background: #919D89;
	--color_footer_background: #818F77;
	--color_mainmenu_back: rgba(0,0,0,0.75);
	--color_h3: #000000;
	--color_link_button_background: #000000; 
	--color_link_button_font: #FFFFFF; 
	--color_section_boxes_background: rgba(240,240,240,0.5);
	--color_contao_block_background: #D99A72;
	--color_contao_block_headline: #FFFFFF;
	--color_contao_block_copy: #FFFFFF;
	--color_faq_headline: #CCD093;
	--version_button_1_background: linear-gradient(135deg, #E1E8A8 0%, #8FA64B 100%);
	--version_button_1_font: #242424;
	--version_button_2_background: linear-gradient(135deg, #D5E39A 0%, #77983E 100%);
	--version_button_2_font: #242424;
	--version_button_3_background: linear-gradient(135deg, #C7D881 0%, #638D3A 100%);
	--version_button_3_font: #242424;
	--version_button_4_background: linear-gradient(135deg, #B7CF6D 0%, #527A38 100%);
	--version_button_4_font: #FFFFFF;
	--version_button_5_background: linear-gradient(135deg, #A5C45C 0%, #456D35 100%);
	--version_button_5_font: #FFFFFF;
	--version_button_6_background: linear-gradient(135deg, #91B64F 0%, #365C32 100%);
	--version_button_6_font: #FFFFFF;
	--section_boxes_background_url: var(--hero_background_url);
	
	
	
	
	/* VERSION 1 */
    --hero_background_url_v1: url(../files/images/openart/openart-fe1e3823a5cf482faf68754dfa4ce01e_raw.jpg);
	--section_boxes_background_url_v1: var(--hero_background_url_v1);
	--hero_v1_display_v1: flex;
	--hero_v2_display_v1: none;
	--hero_v3_display_v1: none;
	--hero_v4_display_v1: none;
	--hero_v5_display_v1: none;
	--hero_v6_display_v1: none;
	
	--v1_display_v1: block;
	--v2_display_v1: none;
	--v3_display_v1: none;
	--v4_display_v1: none;
	--v5_display_v1: none;
	--v6_display_v1: none;

	--hero_textblock_vertical_offset_v1: -7vh;
	--logo_url_v1: url(/files/assets/Logo-Sonk-2.png);
	--color_first_v1: #ccd093;
	--color_second_v1: #FFFFFF;
	--color_hero_background_v1: #a6b7c6;
	--color_footer_background_v1: #818F77;
	--color_mainmenu_back_v1: rgba(0,0,0,0.75);
	--color_h3_v1: #000000;
	--color_link_button_background_v1: #a5a787; 
	--color_link_button_font_v1: #FFFFFF; 
	--color_section_boxes_background_v1: rgba(51,63,64,0.8);
	--color_contao_block_background_v1: #D99A72;
	--color_contao_block_headline_v1: #FFFFFF;
	--color_contao_block_copy_v1: #FFFFFF;
	--color_faq_headline_v1: #CCD093;
	--version_button_1_background_v1: linear-gradient(135deg, #F1C46A 0%, #C5782E 100%);
	--version_button_1_font_v1: #242424;
	--version_button_2_background_v1: linear-gradient(135deg, #E2A65B 0%, #A95527 100%);
	--version_button_2_font_v1: #FFFFFF;
	--version_button_3_background_v1: linear-gradient(135deg, #D98D52 0%, #923D28 100%);
	--version_button_3_font_v1: #FFFFFF;
	--version_button_4_background_v1: linear-gradient(135deg, #C9D985 0%, #7E9A43 100%);
	--version_button_4_font_v1: #242424;
	--version_button_5_background_v1: linear-gradient(135deg, #AFC76A 0%, #5F803B 100%);
	--version_button_5_font_v1: #242424;
	--version_button_6_background_v1: linear-gradient(135deg, #8EA653 0%, #466A36 100%);
	--version_button_6_font_v1: #FFFFFF;
	
	/* VERSION 2 */
    --hero_background_url_v2: url(assets/images/8/many_colourful_balls_of_yarn__wool_and_rope_on_a_white_shiny_table_in_an_empty_room__bright_light_-brown__low_contrast__dark__wood__wodden_1858144470-c7525bfe.webp);
	--section_boxes_background_url_v2: url(../files/images/version2_block_background_v1.png);
	--hero_v1_display_v2: none;
	--hero_v2_display_v2: flex;
	--hero_v3_display_v2: none;
	--hero_v4_display_v2: none;
	--hero_v5_display_v2: none;
	--hero_v6_display_v2: none;
	
	--v1_display_v2: none;
	--v2_display_v2: block;
	--v3_display_v2: none;
	--v4_display_v2: none;
	--v5_display_v2: none;
	--v6_display_v2: none;
	
	--hero_textblock_vertical_offset_v2: 30vh;
	--logo_url_v2: url(/files/assets/Logo-Sonk-1.png);
	--color_first_v2: #999999;
	--color_second_v2: #FFFFFF;
	--color_hero_background_v2: #992121;
	--color_footer_background_v2: #4A4A4A;
	--color_mainmenu_back_v2: rgba(0,0,0,0);
	--color_h3_v2: #000000;
	--color_link_button_background_v2: #000000; 
	--color_link_button_font_v2: #FFFFFF;
	--color_section_boxes_background_v2: rgba(0,0,0,0.5);
	--color_contao_block_background_v2: #E6E6E6;
	--color_contao_block_headline_v2: #1E1E1E;
	--color_contao_block_copy_v2: #333333;
	--color_faq_headline_v2: #000000;
	--version_button_1_background_v2: linear-gradient(135deg, #F2F2F2 0%, #BDBDBD 100%);
	--version_button_1_font_v2: #242424;
	--version_button_2_background_v2: linear-gradient(135deg, #D9D9D9 0%, #969696 100%);
	--version_button_2_font_v2: #242424;
	--version_button_3_background_v2: linear-gradient(135deg, #B9B9B9 0%, #757575 100%);
	--version_button_3_font_v2: #FFFFFF;
	--version_button_4_background_v2: linear-gradient(135deg, #979797 0%, #5D5D5D 100%);
	--version_button_4_font_v2: #FFFFFF;
	--version_button_5_background_v2: linear-gradient(135deg, #777777 0%, #333333 100%);
	--version_button_5_font_v2: #FFFFFF;
	--version_button_6_background_v2: linear-gradient(135deg, #555555 0%, #1D1D1D 100%);
	--version_button_6_font_v2: #FFFFFF;
	
	/* VERSION 3 */
    --hero_background_url_v3: url(../files/images/misios_33404_black_and_white_painting_a9fd3db8-0e22-4935-befc-6ade19a78d36.png);
	--section_boxes_background_url_v3: var(--hero_background_url_v3);
	--hero_v1_display_v3: none;
	--hero_v2_display_v3: none;
	--hero_v3_display_v3: flex;
	--hero_v4_display_v3: none;
	--hero_v5_display_v3: none;
	--hero_v6_display_v3: none;
	
		
	--v1_display_v3: none;
	--v2_display_v3: none;
	--v3_display_v3: block;
	--v4_display_v3: none;
	--v5_display_v3: none;
	--v6_display_v3: none;

	--hero_textblock_vertical_offset_v3: 0vh;
	--logo_url_v3: url(/files/assets/Logo-Sonk-1.png);
	--color_first_v3: #B84F3C;
	--color_second_v3: #F5F2EA;
	--color_hero_background_v3: #18222C;
	--color_footer_background_v3: #18222C;
	--color_mainmenu_back_v3: rgba(24,34,44,0.82);
	--color_h3_v3: #173F3A;
	--color_link_button_background_v3: #B84F3C;
	--color_link_button_font_v3: #F5F2EA;
	--color_section_boxes_background_v3: rgba(24,34,44,0.86);
	--color_contao_block_background_v3: #18222C;
	--color_contao_block_headline_v3: #F5F2EA;
	--color_contao_block_copy_v3: #D8D6CF;
	--color_faq_headline_v3: #B84F3C;
	--version_button_1_background_v3: linear-gradient(135deg, #F2B09A 0%, #C86450 100%);
	--version_button_1_font_v3: #242424;
	--version_button_2_background_v3: linear-gradient(135deg, #E4866E 0%, #B84F3C 100%);
	--version_button_2_font_v3: #FFFFFF;
	--version_button_3_background_v3: linear-gradient(135deg, #D95C4C 0%, #8F2F29 100%);
	--version_button_3_font_v3: #FFFFFF;
	--version_button_4_background_v3: linear-gradient(135deg, #B84F3C 0%, #6E292A 100%);
	--version_button_4_font_v3: #FFFFFF;
	--version_button_5_background_v3: linear-gradient(135deg, #8A3B3B 0%, #4A2530 100%);
	--version_button_5_font_v3: #FFFFFF;
	--version_button_6_background_v3: linear-gradient(135deg, #6E292A 0%, #331F2A 100%);
	--version_button_6_font_v3: #FFFFFF;
	
	/* VERSION 4 */
    --hero_background_url_v4: url(../files/images/pop_art__neuronales_netz_in_form_eines_spinnennetzes__very_emotional_and_colorful__very_sharp__very_detailed__vivid_colors__flat_color__2d__strong_lines__pop_art_-ugly__deformed__noisy__3977463476.jpg);
	--section_boxes_background_url_v4: var(--hero_background_url_v4);
	--hero_v1_display_v4: none;
	--hero_v2_display_v4: none;
	--hero_v3_display_v4: none;
	--hero_v4_display_v4: flex;
	--hero_v5_display_v4: none;
	--hero_v6_display_v4: none;
	
	--v1_display_v4: none;
	--v2_display_v4: none;
	--v3_display_v4: none;
	--v4_display_v4: block;
	--v5_display_v4: none;
	--v6_display_v4: none;
	
	--hero_textblock_vertical_offset_v4: 0vh;
	--logo_url_v4: url(/files/assets/Logo-Sonk-1.png);

	--color_first_v4: #40c4be;
	--color_second_v4: #FFFFFF;
	--color_hero_background_v4: #163F4E;
	--color_footer_background_v4: #163F4E;
	--color_mainmenu_back_v4: rgba(0,0,0,0);
	--color_h3_v4: #000000;
	--color_link_button_background_v4: #c7c62c; 
	--color_link_button_font_v4: #FFFFFF; 
	--color_section_boxes_background_v4: rgba(41, 102, 124, 0.67);
	--color_contao_block_background_v4: #163F4E;
	--color_contao_block_headline_v4: #C7C62C;
	--color_contao_block_copy_v4: #FFFFFF;
	--color_faq_headline_v4: #40C4BE;
	--version_button_1_background_v4: linear-gradient(135deg, #D5F3E9 0%, #76CDBA 100%);
	--version_button_1_font_v4: #18222C;
	--version_button_2_background_v4: linear-gradient(135deg, #A9E8D6 0%, #40C4BE 100%);
	--version_button_2_font_v4: #18222C;
	--version_button_3_background_v4: linear-gradient(135deg, #69D8D0 0%, #229AA0 100%);
	--version_button_3_font_v4: #18222C;
	--version_button_4_background_v4: linear-gradient(135deg, #40C4BE 0%, #168A8D 100%);
	--version_button_4_font_v4: #18222C;
	--version_button_5_background_v4: linear-gradient(135deg, #2F9CA8 0%, #216B84 100%);
	--version_button_5_font_v4: #FFFFFF;
	--version_button_6_background_v4: linear-gradient(135deg, #247A91 0%, #163F4E 100%);
	--version_button_6_font_v4: #FFFFFF;

	/* VERSION 5 */
    --hero_background_url_v5: url(../files/images/misios_33404_The_Model__A_background_for_Gentlemen_in_the_Style_6ef4bcc9-89f4-4eae-aa24-5c6b91ff876e.png);
	--section_boxes_background_url_v5: var(--hero_background_url_v5);
	--hero_v1_display_v5: none;
	--hero_v2_display_v5: none;
	--hero_v3_display_v5: none;
	--hero_v4_display_v5: none;
	--hero_v5_display_v5: flex;
	--hero_v6_display_v5: none;
	
	--v1_display_v5: none;
	--v2_display_v5: none;
	--v3_display_v5: none;
	--v4_display_v5: none;
	--v5_display_v5: block;
	--v6_display_v5: none;
	
	--hero_textblock_vertical_offset_v5: 0vh;
	--logo_url_v5: url(/files/assets/Logo-Sonk-1.png);
	--color_first_v5: #F4F4F1;
	--color_second_v5: #F4F4F1;
	--color_hero_background_v5: #000000;
	--color_footer_background_v5: #000000;
	--color_mainmenu_back_v5: rgba(0,0,0,0.82);
	--color_h3_v5: #000000;
	--color_link_button_background_v5: #000000;
	--color_link_button_font_v5: #F4F4F1;
	--color_section_boxes_background_v5: rgba(0,0,0,0.88);
	--color_contao_block_background_v5: #000000;
	--color_contao_block_headline_v5: #F4F4F1;
	--color_contao_block_copy_v5: #D0D0D0;
	--color_faq_headline_v5: #000000;
	--version_button_1_background_v5: linear-gradient(135deg, #F4F4F1 0%, #CFCFCB 100%);
	--version_button_1_font_v5: #242424;
	--version_button_2_background_v5: linear-gradient(135deg, #D8D8D4 0%, #A4A4A0 100%);
	--version_button_2_font_v5: #242424;
	--version_button_3_background_v5: linear-gradient(135deg, #B4B4B0 0%, #777773 100%);
	--version_button_3_font_v5: #242424;
	--version_button_4_background_v5: linear-gradient(135deg, #858581 0%, #555551 100%);
	--version_button_4_font_v5: #FFFFFF;
	--version_button_5_background_v5: linear-gradient(135deg, #555555 0%, #242424 100%);
	--version_button_5_font_v5: #FFFFFF;
	--version_button_6_background_v5: linear-gradient(135deg, #303030 0%, #000000 100%);
	--version_button_6_font_v5: #FFFFFF;

	/* VERSION 6 */
	
	/*
    --hero_background_url_v6: url(../files/images/neo_impressionism__neuronales_netz_in_form_eines_spinnennetzes__very_emotional_and_colorful__very_sharp__very_detailed__tiny_dabs_of_color__pointillism__painterly__neo_impressionism_-ug_2891442992.jpg);
	--section_boxes_background_url_v6: var(--hero_background_url_v6);
	*/
	
    --hero_background_url_v6: url(../files/images/misios_33404_analog_style_wide_angle_smiling_orange_and_green_r_1f838e61-103f-410e-ad9a-989b07fa14ea.png);
	
	--hero_v1_display_v6: none;
	--hero_v2_display_v6: none;
	--hero_v3_display_v6: none;
	--hero_v4_display_v6: none;
	--hero_v5_display_v6: none;
	--hero_v6_display_v6: flex;
	
	--v1_display_v6: none;
	--v2_display_v6: none;
	--v3_display_v6: none;
	--v4_display_v6: none;
	--v5_display_v6: none;
	--v6_display_v6: block;
	
	--hero_textblock_vertical_offset_v6: 30vh;
	--logo_url_v6: url(/files/assets/Logo-Sonk-1.png);
	--color_first_v6: #c44040;
	--color_second_v6: #FFFFFF;
	--color_hero_background_v6: #2E3C65;
	--color_footer_background_v6: #2E3C65;
	--color_mainmenu_back_v6: rgba(0,0,0,0.35);
	--color_h3_v6: #000000;
	--color_link_button_background_v6: #f07d1f; 
	--color_link_button_font_v6: #FFFFFF; 
	--color_section_boxes_background_v6: rgba(46, 60, 101, 0.66);
	--color_contao_block_background_v6: #2E3C65;
	--color_contao_block_headline_v6: #FFFFFF;
	--color_contao_block_copy_v6: #F2F2F2;
	--color_faq_headline_v6: #C44040;
	--version_button_1_background_v6: linear-gradient(135deg, #F4B1A4 0%, #D86B62 100%);
	--version_button_1_font_v6: #242424;
	--version_button_2_background_v6: linear-gradient(135deg, #F08373 0%, #C44040 100%);
	--version_button_2_font_v6: #FFFFFF;
	--version_button_3_background_v6: linear-gradient(135deg, #E05A58 0%, #A8323B 100%);
	--version_button_3_font_v6: #FFFFFF;
	--version_button_4_background_v6: linear-gradient(135deg, #C44040 0%, #8E202F 100%);
	--version_button_4_font_v6: #FFFFFF;
	--version_button_5_background_v6: linear-gradient(135deg, #A8323B 0%, #6B2737 100%);
	--version_button_5_font_v6: #FFFFFF;
	--version_button_6_background_v6: linear-gradient(135deg, #812C3C 0%, #421F35 100%);
	--version_button_6_font_v6: #FFFFFF;
}


#header .logo a {
	background-image: var(--logo_url);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
}

#hero .v5 h1,
#hero .v5 h2 {
	color: #000000;
	text-shadow: none;
}

#article-151 {
	background-color: var(--color_contao_block_background) !important;
}

#article-151 h2,
#article-151 h2 * {
	color: var(--color_contao_block_headline) !important;
}

#article-151 p,
#article-151 p * {
	color: var(--color_contao_block_copy) !important;
}

#article-138 h2,
#article-138 h2 * {
	color: var(--color_faq_headline) !important;
}

.circle img {
	border-radius: 400px !important;
}

#topbar {
	display: none;
}

.mod_navigation.mainmenu:hover {
	background: rgba(0,0,0,1);
}
.mod_navigation.mainmenu a {
	color: #FFFFFF !important;
}


#hero .v1,
#hero .v2,
#hero .v3,
#hero .v4,
#hero .v5,
#hero .v6 {
	display: none;
}

#hero .v1 {
	display: var(--hero_v1_display);
}
#hero .v2 {
	display: var(--hero_v2_display);
}
#hero .v3 {
	display: var(--hero_v3_display);
}
#hero .v4 {
	display: var(--hero_v4_display);
}
#hero .v5 {
	display: var(--hero_v5_display);
}
#hero .v6 {
	display: var(--hero_v6_display);
}

#hero {
	background-color: var(--color_hero_background) !important;
	position: relative;
	z-index: 1;
}

#container {
	position: relative;
	z-index: 2;
}

#footer {
	background: var(--color_footer_background) !important;
}

.v1 {
	display: var(--v1_display);
}
.v2 {
	display: var(--v2_display);
}
.v3 {
	display: var(--v3_display);
}
.v4 {
	display: var(--v4_display);
}
.v5 {
	display: var(--v5_display);
}
.v6 {
	display: var(--v6_display);
}

#header {
	top: 0px;
}

.smallhero #header {
	background: var(--hero_background_url) !important;
}


.first {
	color: var(--color_first);
}
.second {
	color: var(--color_second);
}
.mainmenu {
	background: var(--color_mainmenu_back);
}
h3 {
	color: var(--color_h3);
}
.link_button a {
	background: var(--color_link_button_background);
	color: var(--color_link_button_font);
}
.section_boxes {
	*background: var(--color_section_boxes_background) !important;
	background: var(--hero_background_url) !important;
	background-size: cover !important;
}

#article-257 {
	background-image: url(../images/version2_block_background_v1.png) !important;
}

#article-259 {
	background-image: url(../images/version3_block_background_v1.png) !important;
}

#article-257 .card.quer {
	border-radius: 200px 10px 10px 200px;
	overflow: hidden;
}

#article-257 .card.hoch {
	overflow: hidden;
}
.boxes .ce_text {
	//background: var(--color_section_boxes_background) !important;
}
.boxes .card {
	background: var(--color_section_boxes_background) !important;
}