/* Own CSS Project WOW */ @layer body, body_custom, basics, basics_custom, wnts_grids, wnts_grids_custom, units, units_custom, animations, animations_custom, templates, templates_custom, theme_classes, theme_classes_custom, widgets, widgets_custom, specials, specials_custom; /* BASICS no layer */ /* BASICS no layer */ /* ANIMATIONS */ /* ANIMATIONS */ /* THEME COLORS */ html { /* farbe_1_thema_a */ /* --wow_farbe_deep_purple: hsl(268, 40%, 38%); */ --color_1_h: 268; --color_1_s: 40%; --color_1_l: 38%; --wow_farbe_deep_purple: rgb(94, 58, 135); --color_1_rgb_r: 94; --color_1_rgb_g: 58; --color_1_rgb_b: 135; --farbe_1_thema_a_orig_hsl: hsl(var(--color_1_h), var(--color_1_s), var(--color_1_l)); --farbe_1_thema_a_orig_rgb: rgb(var(--color_1_rgb_r), var(--color_1_rgb_g), var(--color_1_rgb_b)); --farbe_1_thema_a_heller: #9169bf; /* farbe_1_thema_a */ /* wnts_accent */ /* --wow_farbe_magenta_bold: hsl(335, 70%, 50%); */ --color_5_h: 335; --color_5_s: 70%; --color_5_l: 50%; /* --wow_farbe_magenta_bold: rgb(217, 38, 113); */ --color_5_rgb_r: 217; --color_5_rgb_g: 38; --color_5_rgb_b: 113; --wnts_accent_orig_hsl: hsl(var(--color_5_h), var(--color_5_s), var(--color_5_l)); /* dafault HSL value */ --wnts_accent_orig_rgb: rgb(var(--color_5_rgb_r), var(--color_5_rgb_g), var(--color_5_rgb_b)); /* dafault RGB value */ --wnts_accent_light_rgba: 230, 76, 140; /* wnts_accent */ } /* THEME COLORS */ /* THEME DEFAULTS */ /* SCHRIFTEN */ :root { --font_size_100: 0.75rem; --font_size_200: 0.875rem; --font_size_300: 1rem; /* regular Text */ --font_size_400: 1.125rem; /* H4, H5, H6 18px */ --font_size_500: 1.25rem; /* H3 20px */ --font_size_600: 1.5rem; /* Headline Cards, Accordeaon Headers, Text in Kreisen */ --font_size_650: 1.8rem; --font_size_700: 2.25rem; /* H2 */ /* 32px to 36px */ --font_size_750: 2.5rem; --font_size_800: 3rem; /* H1 */ --font_size_900: 4rem; --font_size_1000: 5rem; --font_size_1100: 6rem; /* H1 Startseite */ --font_size_h1: var(--font_size_700); --font_weight_h1: var(--font_weight_semi_bold); --_font_weight_h1: var(--___font_weight_h1, var(--font_weight_semi_bold)); /* --font_size_h2: var(--font_size_700); */ --font_size_regular: var(--font_size_400); /* MAGENTA BOLD #D72670 SOLAR ORANGE #F46B00 DEEP PURPLE #5E3A87 WARM CORAL #FF9B8A FRESH MINT #A4EDC6 SOFT SAND #F4E8D3 GRAPHITE GREY #3C3C3C */ --wow_farbe_magenta_bold: #D72670; --wow_farbe_solar_orange: #F46B00; --wow_farbe_deep_purple: #5E3A87; --wow_farbe_deep_purple_dark: #452b64 ; --wow_farbe_warm_coral: #FF9B8A; --wow_farbe_warm_coral_light: #ffb5a8; --wow_farbe_fresh_mint: #A4EDC6; --wow_farbe_soft_sand: #F4E8D3; --wow_farbe_graphity_grey: #3C3C3C; /* TEXT SECTIONS */ --wnts_section_text_max_width: 110ch; --wnts_section_bild_text_max_width: 70ch; /* TEXT SECTIONS */ } html { --color_2_h: 148; --color_2_s: 67%; --color_2_l: 79%; --color_2_rgb_r: 164; --color_2_rgb_g: 237; --color_2_rgb_b: 198; --farbe_2_thema_b_orig_rgb: rgb(164, 237, 198); --farbe_2_thema_b_orig_hex: #a4edc6; --farbe_2_thema_b_orig_hex: hsl(148, 67%, 79%); --farbe_2_thema_b_heller: hsl(149, 51%, 86%); } /* SCHRIFTEN */ /* RELATIVE SIZES (EM)*/ :root { --wnts_section_block_margin: var(--_wnts_section_block_margin, 2rem); --wnts_section_block_margin_xxl: var(--_wnts_section_block_margin_xxl, 4rem); --wnts_section_block_padding: var(--_wnts_section_block_padding, 2rem); --wnts_section_block_padding_xxl: var(--_wnts_section_block_padding_xxl, 4rem); } /* RELATIVE SIZES (EM)*/ /* LINKS */ /* LINKS */ /* FLEX */ /* FLEX */ /* SECTIONS */ /* SECTIONS */ /* BUTTONS */ :root { --button_font_size: var(--_button_font_size, var(--font_size_400)); } /* BUTTONS */ /* AJAX SEARCH PRO BUTTONS*/ /* AJAX SEARCH PRO BUTTONS*/ /* INPUTS */ /* INPUTS */ /* TEMPLATES */ /* TEMPLATES */ /* THEME DEFAULTS */ /* OVERWRITE ELEMENTOR COLORS and STYLES */ body:not(.elementor-editor-active) { .wnts_wow_color_section { :is(h1,h2,h3,h4,h5,h6,div,p,span,li){ --wow_color_text_section: var(--_wow_color_text_section, var(--wow_farbe_graphity_grey)); color: var(--wow_color_text_section) !important; --_text_color: var(--wow_color_text_section); } &.wnts_wow_farbe_magenta_bold { --_wow_color_text_section: var(--wow_farbe_magenta_bold); } &.wnts_wow_farbe_solar_orange { --_wow_color_text_section: var(--wow_farbe_solar_orange); } &.wnts_wow_farbe_deep_purple { --_wow_color_text_section: var(--wow_farbe_deep_purple); } &.wnts_wow_farbe_warm_coral { --_wow_color_text_section: var(--wow_farbe_warm_coral); } &.wnts_wow_farbe_fresh_mint { --_wow_color_text_section: var(--wow_farbe_fresh_mint); } &.wnts_wow_farbe_soft_sand { --_wow_color_text_section: var(--wow_farbe_soft_sand); } &.wnts_wow_farbe_graphity_grey { --_wow_color_text_section: var(--wow_farbe_graphity_grey); } &.wnts_wow_farbe_white { --_wow_color_text_section: var(--wnts_white); } } .wnts_wow_color_text { &:is(h1,h2,h3,h4,h5,h6,div,p,span,li){ --wow_color_text: var(--_wow_color_text, var(--wow_farbe_graphity_grey)); color: var(--wow_color_text) !important; } &.wnts_wow_farbe_magenta_bold { --_wow_color_text: var(--wow_farbe_magenta_bold); } &.wnts_wow_farbe_solar_orange { --_wow_color_text: var(--wow_farbe_solar_orange); } &.wnts_wow_farbe_deep_purple { --_wow_color_text: var(--wow_farbe_deep_purple); } &.wnts_wow_farbe_warm_coral { --_wow_color_text: var(--wow_farbe_warm_coral); } &.wnts_wow_farbe_fresh_mint { --_wow_color_text: var(--wnts_wow_farbe_fresh_mint); } &.wnts_wow_farbe_soft_sand { --_wow_color_text: var(--wow_farbe_soft_sand); } &.wnts_wow_farbe_graphity_grey { --_wow_color_text: var(--wow_farbe_graphity_grey); } &.wnts_wow_farbe_white { --_wow_color_text: var(--wnts_white); } } h1, h1 span { font-size: var(--_font_size_h1, var(--font_size_700)); font-weight: var(--font_weight_semi_bold); --_font_weight_text: var(--font_weight_semi_bold); text-transform: uppercase; letter-spacing: var(--letter_spacing_700); font-family: Jost !important; &.wnts_headline_1 { color: var(--wnts_colored_headline_1, var(--wnts_accent)); } &.wnts_headline_2 { color: var(--wnts_colored_headline_2, var(--wow_farbe_deep_purple)); } @media(width <= 767px){ --_font_size_h1: var(--font_size_600); } } .wnts_colored_headline, .wnts_colored_headline { --wnts_colored_headline_1: var(--_wnts_colored_headline_1); --wnts_colored_headline_2: var(--_wnts_colored_headline_2); &.wnts_colored_headline_mint_white { --_wnts_colored_headline_1: var(--wow_farbe_fresh_mint); --_wnts_colored_headline_2: var(--wnts_white); } &.wnts_colored_headline_white_white { --_wnts_colored_headline_1: var(--wnts_white); --_wnts_colored_headline_2: var(--wnts_white); } } h2, h2 span { font-size: var(--_font_size_h2, var(--font_size_700)); font-weight: var(--font_weight_semi_bold); --_font_weight_text: var(--font_weight_semi_bold); text-transform: uppercase; letter-spacing: var(--letter_spacing_700); font-family: var(--font_family_h2, Jost) !important; &.wnts_headline_1 { color: var(--wnts_colored_headline_1, var(--wnts_accent)); } &.wnts_headline_2 { color: var(--wnts_colored_headline_2, var(--wow_farbe_deep_purple)); } @media(width <= 767px){ --_font_size_h2: var(--_font_size_h2_mobile, var(--font_size_600)); } } h3 { font-size: var(--_font_size_h3, var(--font_size_700)); font-weight: var(--font_weight_semi_bold); text-transform: uppercase; letter-spacing: var(--letter_spacing_700); font-family: Jost !important; @media(width <= 767px){ --_font_size_h3: var(--font_size_600); } } p, li, span { --_font_size_text: var(--_wow_font_size_text, var(--font_size_400)); } } /* OVERWRITE ELEMENTOR COLORS and STYLES */ /* OVERRIDE FOR APPLE */ /* OVERRIDE FOR APPLE */ /* OVERWRITE ELEMENTOR WIDGETS*/ /* OVERWRITE ELEMENTOR WIDGETS*/ /* PAGE / SECTION COLOR */ @layer body_custom { body:not(.elementor-editor-active) { background-color: var(--wnts_post_bg_color, var(--wnts_white)) !important; &.wnts_post_bg_fresh_mint, &.wnts_category_aussteller { --wnts_post_bg_color: var(--wow_farbe_fresh_mint); } &.wnts_post_bg_deep_purple, &.wnts_category_veranstaltungen, &.wnts_category_pressemitteilungen { --wnts_post_bg_color: var(--wow_farbe_deep_purple); } &.wnts_post_bg_soft_sand { --wnts_post_bg_color: var(--wow_farbe_soft_sand); } &.wnts_post_bg_warm_coral { --wnts_post_bg_color: var(--wow_farbe_warm_coral); } &.wnts_post_bg_warm_coral_light { --wnts_post_bg_color: var(--wow_farbe_warm_coral_light); } &.wnts_post_text_color_deep_purple_dark { --_e_text_color: var(--wow_farbe_deep_purple_dark); } } } /* PAGE / SECTION COLOR */ @layer basics_custom { .wnts_color_white { color: var(--_text_color, var(--wnts_white)); --_text_color: var(--wnts_white); } } @layer wnts_grids_custom { .wnts_grid_social_media_icons { grid-template-columns: repeat( 4, auto ) !important; width: fit-content; justify-content: center !important; > * { width: fit-content; } a { border-radius: 50%; } a:hover { background-color: var(--wnts_white) !important; color: var(--wnts_text_bild_bg_color) !important; } } .wnts_veranstaltung_loop { /* based on website_eigens_css_gemeinde.css: .wnts_widget.wnts_widget_grid */ --_wnts_grid_gap: 0; --_wnts_grid_template_columns: 1fr; .wnts_programm_overview { width: 100%; display: grid; grid-template-columns: auto auto 1fr; gap: 0.5em; --wnts_programm_border_color: var(--_wnts_programm_border_color, var(--wow_farbe_magenta_bold)); --wnts_programm_border_size: var(--_wnts_programm_border_size, 2px); padding-block: 0.5em; border-top: var(--wnts_programm_border_size) solid var(--wnts_programm_border_color); &:last-child { border-bottom: var(--wnts_programm_border_size) solid var(--wnts_programm_border_color); } @media(width <= 767px){ grid-template-columns: auto 1fr; .wnts_description { grid-column: 1 / -1; margin-left: 2em; } } } &.wnts_showpanel { .wnts_moderation { display: none !important; } } } .wnts_grid_section_card_links > div { grid-template-rows: auto auto !important; @media( width <= 1140px){ grid-template-columns: 1fr 1fr !important; } @media( width <= 700px){ grid-template-columns: 1fr !important; } } .wnts_grid_my_posts { --_wnts_wnts_grid_template_columns: 1fr 1fr auto; width: 100%;; border-bottom: 1px solid var(--wow_farbe_magenta_bold); @media(width <= 800px){ --_wnts_wnts_grid_template_columns: 1fr; } } } @layer units_custom { .wnts_button_200px { --wnts_button_width_200px: var(--_wnts_button_width_200px, 200px); width: var(--wnts_button_width_200px); a { display: block !important; width: 100% !important; } } .wnts_auto_silbentrennung { /* Silbentrennung lange Worte*/ overflow-wrap: break-word; word-break: break-word; hyphens: auto; /* Silbentrennung lange Worte*/ } } @layer animations_custom { @keyframes wnts_rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } @keyframes wnts_bounce_linear { 0% { transform: translateY(-100px); } /* Startposition über Ziel */ 100% { transform: translateY(0); } /* Beruhigung auf Zielposition */ } /* cubic-bezier(0.29, 0, 0.43, 1); ==> cubic-bezier(0.4,0,1,1); */ /* cubic-bezier(0.29, 0, 0.43, 1); ==> cubic-bezier(0,.67,.64,.99) */ /* cubic-bezier(0,0,1,.3); ==> cubic-bezier(0,0,0.2,1); */ /* */ @keyframes wnts_bounce_2 { 0% { transform: translateY(-100px); animation-timing-function: cubic-bezier(.37,0,1,.08); opacity: 0;} /* Start: Hoch */ 10% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1);opacity: 1; } /* Boden */ 15% { transform: translateY(-70px); animation-timing-function: cubic-bezier(.37,0,1,.08)} /* Hochpunkt 2 */ 20% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 27.5% { transform: translateY(-50px); animation-timing-function: cubic-bezier(.37,0,1,.08); } /* Hochpunkt 3 */ 32.5% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 41% { transform: translateY(-35px); animation-timing-function: cubic-bezier(.37,0,1,.08); } /* Hochpunkt 4 */ 44% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 52% { transform: translateY(-25px); animation-timing-function: cubic-bezier(.37,0,1,.08); } /* Hochpunkt 5 */ 55% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 61% { transform: translateY(-18px); animation-timing-function: cubic-bezier(.37,0,1,.08); } /* Hochpunkt 6 */ 63.5% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 68.5% { transform: translateY(-12px); animation-timing-function: cubic-bezier(.37,0,1,.08); } /* Hochpunkt 7 */ 70.5% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 75% { transform: translateY(-8px); animation-timing-function: cubic-bezier(.37,0,1,.08); } /* Hochpunkt 8 */ 76% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 80.5% { transform: translateY(-5px); animation-timing-function: cubic-bezier(.37,0,1,.08); } /* Hochpunkt 9 */ 81.5% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 84.5% { transform: translateY(-3px); animation-timing-function: cubic-bezier(.37,0,1,.08); } /* Hochpunkt 10 */ 85.5% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } /* Boden */ 100% { transform: translateY(0); } } @keyframes wnts_bounce_3 { 0% { transform: translateY(-100px); animation-timing-function: cubic-bezier(.37,0,1,.08); opacity: 0; } 12% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); opacity: 1; } 22% { transform: translateY(-70px); animation-timing-function: cubic-bezier(.37,0,1,.08); } 32% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } 40% { transform: translateY(-50px); animation-timing-function: cubic-bezier(.37,0,1,.08); } 48% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } 55% { transform: translateY(-30px); animation-timing-function: cubic-bezier(.37,0,1,.08); } 62% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } 68% { transform: translateY(-15px); animation-timing-function: cubic-bezier(.37,0,1,.08); } 74% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } 79% { transform: translateY(-6px); animation-timing-function: cubic-bezier(.37,0,1,.08); } 85% { transform: translateY(0); animation-timing-function: cubic-bezier(0,.63,.5,1); } 100% { transform: translateY(0); } } @keyframes wnts_bounce { 0% { transform: translateY(-100px); animation-timing-function: cubic-bezier(0.37,0,1,0.08); opacity: 0; } 22.3% { transform: translateY(0); animation-timing-function: cubic-bezier(0,0.63,0.5,1); opacity: 1; } 31% { transform: translateY(-70px); animation-timing-function: cubic-bezier(0.37,0,1,0.08); } 40% { transform: translateY(0); animation-timing-function: cubic-bezier(0,0.63,0.5,1); } 47.9% { transform: translateY(-50px); animation-timing-function: cubic-bezier(0.37,0,1,0.08); } 55.7% { transform: translateY(0); animation-timing-function: cubic-bezier(0,0.63,0.5,1); } 62.3% { transform: translateY(-35px); animation-timing-function: cubic-bezier(0.37,0,1,0.08); } 68.9% { transform: translateY(0); animation-timing-function: cubic-bezier(0,0.63,0.5,1); } 74.5% { transform: translateY(-25px); animation-timing-function: cubic-bezier(0.37,0,1,0.08); } 79.9% { transform: translateY(0); animation-timing-function: cubic-bezier(0,0.63,0.5,1); } 84.2% { transform: translateY(-15px); animation-timing-function: cubic-bezier(0.37,0,1,0.08); } 88.5% { transform: translateY(0); animation-timing-function: cubic-bezier(0,0.63,0.5,1); } 91.7% { transform: translateY(-8px); animation-timing-function: cubic-bezier(0.37,0,1,0.08); } 95.0% { transform: translateY(0); animation-timing-function: cubic-bezier(0,0.63,0.5,1); } 97.0% { transform: translateY(-3px); animation-timing-function: cubic-bezier(0.37,0,1,0.08); } 100% { transform: translateY(0); animation-timing-function: ease-out; } } @keyframes wnts_scale_in { 0% { transform: scale(1.5); } 100% { transform: scale(1); } } } @layer templates_custom { @layer header { .wnts_header_wow_startseite { /* --wnts_header_wow_startseite_position: var(--_wnts_header_wow_startseite_position, fixed); */ background-color: transparent; /* position: var(--wnts_header_wow_startseite_position, relative) !important; */ z-index: 10 !important; } [data-elementor-type=header]:has( .wnts_header_content_wrapper){ --wnts_hide_header_transformY: var(--_wnts_hide_header_transformY, -70px); transform: translateY(0); transition: 0.6s ease-in; left: calc( 50% - 25px ); width: fit-content; &.wnts_hidden_header { transform: translateY(var(--wnts_hide_header_transformY)); transition: 0.6s ease-in; } } @layer nav_menu { .wnts_nav_menu { --_wnts_nav_text_size_primary: var(--font_size_700); nav > ul > li { @media( width <= 767px ){ --wnts_nav_menu_abstand: 1em; } } ul.sub-menu > li > a { text-transform: none !important; font-weight: var(--font_weight_semi_bold) !important; --_wnts_nav_text_size_secondary: var(--font_size_400); } } } } @layer hero_section { @layer wow { .wnts_wow_grid_container { --_wnts_wow_height: 600px; --wnts_wow_height: min( 800px, var(--_wnts_wow_height, 600px) ); /* max. 800px !!*/ --wnts_wow_grid_container_padding_block_start: var(--_wnts_wow_grid_container_padding_block_start, 0); --wnts_wow_grid_container_padding_block_end: var(--_wnts_wow_grid_container_padding_block_end, 0); --wnts_grid_col_1: var(--_wnts_grid_col_1, 1fr); --wnts_grid_col_2: var(--_wnts_grid_col_2, 600px); --wnts_grid_col_3: var(--_wnts_grid_col_3, 1fr); --wnts_grid_row_1: var(--_wnts_grid_row_1, 12em); --wnts_grid_row_2: var(--_wnts_grid_row_2, auto); --wnts_grid_row_3: var(--_wnts_grid_row_3, 12em); display: grid; grid-template-columns: var(--wnts_grid_col_1) var(--wnts_grid_col_2) var(--wnts_grid_col_3) !important; grid-template-rows: var(--wnts_grid_row_1) var(--wnts_grid_row_2) var(--wnts_grid_row_3) !important; padding: 0 !important; gap: 0 !important; padding-block-start: var(--wnts_wow_grid_container_padding_block_start) !important; padding-block-end: var(--wnts_wow_grid_container_padding_block_end) !important; @media ( width <= 1024px ){ --_wnts_wow_grid_container_padding_block_start: 0; --_wnts_wow_grid_container_padding_block_end: 0; } .wnts_wow_bg_zacken { --wow_zacken_bg_size: var(--_wow_zacken_bg_size, contain); grid-column: 1/2; grid-row: 2/3; background-size: var(--wow_zacken_bg_size) !important; /* width < 3* WOW width (600px) */ @media( width < 1800px){ /* background-size: cover !important; */ --_wow_zacken_bg_size: cover; } .elementor-spacer-inner { height: var(--wnts_wow_height) !important; } &.wnts_right { grid-column: 3/4; } } > div { place-self: center; } .elementor-icon-wrapper { display: grid !important; } .wnts_wow { --_wnts_svg_fill: #a4edc6; grid-column: 2/3; grid-row: 2/3; .elementor-icon { font-size: var(--_wnts_wow_height_responsive, var(--wnts_wow_height)) !important; svg { height: min( calc( 100vw - 40px), var(--wnts_wow_height)) !important; } } } /* abhängig von --_wnts_wow_height: 600px + 2* padding (20px); */ @media( width < 640px){ --_wnts_grid_col_1: 20px; --_wnts_grid_col_2: 1fr; --_wnts_grid_col_3: 20px; --_wnts_grid_row_1: 6em; --_wnts_grid_row_2: auto; --_wnts_grid_row_3: auto; .wnts_wow_bg_zacken { /* background-image: none !important; */ } .wnts_wow { .elementor-icon { --_wnts_wow_height_responsive: calc( 100vw - 40px); svg { /* width: 100% !important; */ height: 100% !important; } } } .elementor-spacer-inner { display: none !important; height: 0 !important; } } .wnts_wow_headline_date { grid-column: 2/3; grid-row: 2/3; > div { grid-template-columns: 1fr !important; grid-template-rows: 1fr auto !important; justify-content: space-between; .wnts_wow_headline_date__h2 { } .wnts_wow_headline_date__date { } } } .wnts_wow_buttons_unten { grid-column: 1/-1; grid-row: 3/4; align-self: center; align-items: center; padding-inline: 2em !important; padding-block: 1em !important; /* position: absolute !important; */ /* content: ''; */ /* bottom: calc( 0px - var(--wnts_wow_grid_container_padding_block_end) / 2 ); transform: translateY(50%); */ .wnts_button_200px { --_wnts_button_width_200px: 180px; } } } @layer wow_animation { .wnts_o_von_wow { --default_bounce: 0 0%, 0.22 2.1%, 0.86 6.5%, 1.11 8.6%, 1.3 10.7%, 1.35 11.8%, 1.37 12.9%, 1.37 13.7%, 1.36 14.5%, 1.32 16.2%, 1.03 21.8%, 0.94 24%, 0.89 25.9%, 0.88 26.85%, 0.87 27.8%, 0.87 29.25%, 0.88 30.7%, 0.91 32.4%, 0.98 36.4%, 1.01 38.3%, 1.04 40.5%, 1.05 42.7%, 1.05 44.1%, 1.04 45.7%, 1 53.3%, 0.99 55.4%, 0.98 57.5%, 0.99 60.7%, 1 68.1%, 1.01 72.2%, 1 86.7%, 1 100%; --bounce_linear_timing: var(--_bounce_linear_timing, var(--default_bounce)); grid-column: 2/3; grid-row: 2/3; .elementor-widget-container { display: grid !important; .elementor-icon-wrapper { display: grid !important; animation: wnts_bounce 5s forwards; transform-origin: initial; .elementor-icon { place-self: center; } .elementor-icon { font-size: calc( 250 * var(--wnts_wow_height) / 800 ) !important; /* abhängig von --_wnts_wow_height: 600px; */ @media( width < 600px){ font-size: 32vw !important; } @media( width < 300px){ font-size: 33vw !important; } svg { transform-box: fill-box; transform-origin: 50% 50%; will-change: transform; /* verbessert die Performance */ animation: wnts_rotate 60s linear infinite; /* Skalierung nur einmal */; /* animation-delay: 5s; */ transform-origin: center; } } } } } } } } @layer margin_first_section { /* data-elementor-type="single-post" */ /* data-elementor-type="wp-page" */ div[data-elementor-type="header"] + * > :not(.wnts_wow_grid_container):first-child { margin-top: calc(1em + 50px) !important; } } @layer hero_menu { .wnts_menu_popup { --_wnts_popup_template_columns: 1fr; --_wnts_button_width_200px: 275px; --_wnts_popup_bg_color: var(--wow_farbe_deep_purple); justify-items: center; .wnts_button_menu { justify-self: center; } .wnts_container_fixed_close { --_wnts_container_fixed_close_bg: var(--wow_farbe_deep_purple); } } /* START SEITE: page id / post id 1619 */ body.page-id-1619 .wnts_header_wow_svg { display: none; } .wnts_header_wow_svg { --wnts_header_wow_svg_left: var(--_wnts_header_wow_svg_left, -20vw); left: var(--wnts_header_wow_svg_left) !important; @media( width <= 1140px ){ --_wnts_header_wow_svg_left: calc(-15vw - 120px); } @media( width <= 767px ){ display: none; } svg { --wnts_header_wow_svg_color: var(--_wnts_header_wow_svg_color, var(var(--wow_farbe_deep_purple))) --_wnts_svg_fill: var(--wnts_header_wow_svg_color); } } body.wnts_category_pressemitteilungen .wnts_header_wow_svg, body.wnts_post_bg_deep_purple .wnts_header_wow_svg { --_wnts_svg_fill: var(--wnts_white); } } @layer sections { .wnts_section_bild_text { --wnts_section_bild_text_max_absolut: var(--_wnts_section_bild_text_max_absolut, 500px); --wnts_section_bild_text_height_default: min(var(--wnts_section_bild_text_max_absolut), calc(100vw / (16 / 9))); --wnts_section_bild_text_height: var(--_wnts_section_bild_text_height, var(--wnts_section_bild_text_height_default)); --wnts_text_bild_bg_color: var(--_wnts_text_bild_bg_color, var(--farbe_1_thema_a)); --wnts_section_bild_text_max_height: var(--_wnts_section_bild_text_max_height, var(--wnts_section_bild_text_max_absolut)); --wnts_section_bild_text_aspect_ratio: var(--_wnts_section_bild_text_aspect_ratio, 16 / 9); --wnts_image_position_y: var(--_wnts_image_position_y, 100%); grid-template-rows: var(--wnts_section_bild_text_height) !important; height: min(var(--wnts_section_bild_text_max_height), calc(100vw / (16 / 9))); @media( width < 1480px){ height: fit-content; grid-template-columns: 1fr !important; grid-template-rows: auto !important; .wnts_section_bild_text__bild { order: 1 !important; img { aspect-ratio: 24 / 9; } } .wnts_section_bild_text__text { order: 2 !important; align-items: start !important; } } .wnts_section_bild_text__bild { height: 100%; img { object-fit: cover; width: 100%; height: auto; --_image_height: 100%; object-position: 0% var(--wnts_image_position_y); } @media( width < 800px ){ display: none !important; } } .wnts_section_bild_text__text { background-color: var(--wnts_text_bild_bg_color); --wnts_section_bild_text__text_padding: var(--_wnts_section_bild_text__text_padding, 4.375em); padding: var(--wnts_section_bild_text__text_padding) !important; @media( width < 1140px){ --_wnts_section_bild_text__text_padding: 2em; } .wnts_section_bild_text__text_grid_wrapper { width: fit-content !important; height: 100% !important; } .wnts_section_bild_text__button { width: fit-content; } > div { margin: 0 !important; padding: 0 !important; justify-content: space-between !important; .wnts_section_bild_text__text_wo_button { max-width: var(--wnts_section_bild_text_max_width); gap: 2em !important; h2 { text-transform: uppercase; } } } } } .wnts_section_text { max-width: var(--wnts_section_bild_text_max_width); } .wnts_section_bg_color_simple { background-color: var(--wow_farbe_deep_purple) !important; &.wnts_bg_thema_b { background-color: var(--farbe_2_thema_b) !important; } &.wnts_bg_thema_c { background-color: var(--farbe_2_thema_c) !important; } &.wnts_bg_thema_d { background-color: var(--farbe_2_thema_d) !important; } &.wnts_wow_bg_magenta_bold { background-color: var(--wow_farbe_magenta_bold) !important; } &.wnts_wow_bg_solar_orange { background-color: var(--wow_farbe_solar_orange) !important; } &.wnts_wow_bg_deep_purple { background-color: var(--wow_farbe_deep_purple) !important; } &.wnts_wow_bg_warm_coral { background-color: var(--wow_farbe_warm_coral) !important; } &.wnts_wow_bg_fresh_mint { background-color: var(--wow_farbe_fresh_mint) !important; } &.wnts_wow_bg_soft_sand { background-color: var(--wow_farbe_soft_sand) !important; } &.wnts_wow_bg_white { background-color: var(--wnts_white) !important; } &.wnts_wow_bg_graphity_grey { background-color: var(--wow_farbe_graphity_grey) !important; } } .wnts_section_bild_text, .wnts_section_bg_color { &.wnts_bg_thema_b { --_wnts_text_bild_bg_color: var(--farbe_2_thema_b); } &.wnts_bg_thema_c { --_wnts_text_bild_bg_color: var(--farbe_2_thema_c); } &.wnts_bg_thema_d { --_wnts_text_bild_bg_color: var(--farbe_2_thema_d); } &.wnts_wow_bg_magenta_bold { --_wnts_text_bild_bg_color: var(--wow_farbe_magenta_bold); } &.wnts_wow_bg_solar_orange { --_wnts_text_bild_bg_color: var(--wow_farbe_solar_orange); } &.wnts_wow_bg_deep_purple { --_wnts_text_bild_bg_color: var(--wow_farbe_deep_purple); } &.wnts_wow_bg_warm_coral { --_wnts_text_bild_bg_color: var(--wow_farbe_warm_coral); } &.wnts_wow_bg_fresh_mint { --_wnts_text_bild_bg_color: var(--wow_farbe_fresh_mint); } &.wnts_wow_bg_soft_sand { --_wnts_text_bild_bg_color: var(--wow_farbe_soft_sand); } &.wnts_wow_bg_white { --_wnts_text_bild_bg_color: var(--wnts_white); } &.wnts_wow_bg_graphity_grey { --_wnts_text_bild_bg_color: var(--wow_farbe_graphity_grey); } } .wnts_section_bg_color { --wnts_text_bild_bg_color: var(--_wnts_text_bild_bg_color, var(--farbe_1_thema_a)); background-color: var(--wnts_text_bild_bg_color) !important; } .wnts_section_headline_text { --wnts_section_padding_inline: var(--_wnts_section_padding_inline, 2em); margin-block: var(--wnts_section_block_margin) !important; padding-inline: var(--wnts_section_padding_inline) !important; /* @media(width < 1024px){ --_wnts_section_padding_inline: 1em; } */ > div { max-width: var(--wnts_section_text_max_width) !important; } h2, p { text-align: center; } } .wnts_section_block_margin { margin-block: var(--wnts_section_block_margin) !important; } .wnts_section_block_margin_xxl { margin-block: var(--wnts_section_block_margin_xxl) !important; } .wnts_section_block_padding { padding-block: var(--wnts_section_block_padding) !important; margin-block: 0 !important; --wnts_section_block_margin: 0; } .wnts_section_inline_padding { padding-inline: var(--wnts_section_inline_padding, 2em) !important; } .wnts_section_block_padding_xxl { padding-block: var(--wnts_section_block_padding_xxl) !important; margin-block: 0 !important; --wnts_section_block_margin: 0; } .wnts_section_block_end_padding_xxl { padding-block-end: var(--wnts_section_block_padding_xxl) !important; margin-block: 0 !important; --wnts_section_block_margin: 0; } .wnts_error_message { display: grid; place-items: center; text-align: center; padding: 1em; border: 1px solid var(--wow_farbe_magenta_bold); } .wnts_footer_links { --wnts_link_underline_color: var(--_wnts_link_underline_color, var(--wnts_white)); a:hover::before { background-color: var(--wnts_link_underline_color) !important; } } .wnts_subpage_hero_bild { --wnts_subpage_hero_bild_height: var(--_wnts_subpage_hero_bild_width, 60vh); --wnts_subpage_hero_bild_img_y_pos: var(--_wnts_subpage_hero_bild_img_y_pos, 50%); height: var(--wnts_subpage_hero_bild_height) !important; @media (width <= 1140px){ --_wnts_subpage_hero_bild_width: 40vh; } @media (width <= 767px){ --_wnts_subpage_hero_bild_width: 20vh; } .wnts_subpage_hero_bild_img { img { width: 100% !important; --_image_height: var(--wnts_subpage_hero_bild_height); object-fit: cover; object-position: center var(--wnts_subpage_hero_bild_img_y_pos) !important; } } } .wnts_shortcode { --wnts_p_no_class_color: var(--_wnts_p_no_class_color, var(--wow_farbe_deep_purple)); --_text_color: var(--wnts_p_no_class_color); p:not([class]) { color: var(--wnts_p_no_class_color) !important; } &.deep_purple_background { --_wnts_p_no_class_color: var(--wnts_white); --_text_color: var(--wnts_white); } } } @layer cards { .wnts_card_icon_text_wrapper_grid { > div { --wnts_card_icon_text_grid_cols_wrapper: var(--_wnts_card_icon_text_grid_cols_wrapper, auto 1px auto 1px auto); grid-template-columns: var(--wnts_card_icon_text_grid_cols_wrapper) !important; justify-content: space-between !important; @media( width <= 620px){ --_wnts_card_icon_text_grid_cols_wrapper: 1fr 1fr; justify-content: center !important; justify-items: center !important; } @media( width <= 500px){ --_wnts_card_icon_text_grid_cols_wrapper: 1fr; } } } .wnts_card_icon_text { --wnts_card_icon_text_grid_rows: var(--_wnts_card_icon_text_grid_rows, auto); grid-template-rows: var(--wnts_card_icon_text_grid_rows) !important; width: fit-content !important; justify-items: center; padding-inline: var(--wnts_section_block_padding); } .wnts_grid_trenner { width: 1px; background-color: var(--wow_farbe_magenta_bold); @media( width <= 620px) { display: none !important; } } @layer bild_text_button { .wnts_card_bild_text_button_grid_wrapper { --wnts_card_btb_grid_cols: var(--_wnts_card_btb_grid_cols, repeat(4, 1fr)); @media( width <= 760px ){ --_wnts_card_btb_grid_cols: repeat(2, 1fr); } @media( width <= 570px ){ --_wnts_card_btb_grid_cols: 1fr; } > div { grid-template-columns: var(--wnts_card_btb_grid_cols) !important; } } .wnts_card_bild_text_button { grid-template-rows: auto 1fr auto !important; gap: 2em !important; p { margin-bottom: 0 !important; } &:last-child { align-self: end; } } } .wnts_alle_medien { height: 100%; .wnts_image img { display: block; aspect-ratio: 1 / 1; height: 100% !important; object-fit: cover; } .wnts_content { text-align: center; } } } @layer list { .wnts_list_fuer_wen { --wnts_fuer_wen_border_color: var(--_wnts_fuer_wen_border_color, var(--wow_farbe_magenta_bold)); gap: 0 !important; ul { display: grid; } li { padding-block: 0.5em !important; margin: 0 !important; border: 1px solid var(--wnts_fuer_wen_border_color) !important; border-width: 1px 0 0 0 !important; span.elementor-icon-list-icon { margin-top: 0.3em !important; } span.elementor-icon-list-text { display: inline-block; width: 100%; --_font_weight_text: var(--font_weight_semi_bold); } &:last-child{ border-width: 1px 0 !important; } } &.deep_purple_background { --_wnts_fuer_wen_border_color: var(--wnts_white); } } } } @layer theme_classes_custom { } @layer widgets_custom { @layer parallelogramm_text { .wnts_parallelogramm_text { --font_color_parallel: var(--_font_color_parallel, var(--wnts_white)); --bg_color_prim: var(--_bg_color_prim, var(--farbe_1_thema_a)); --bg_color_second: var(--_bg_color_second, var(--farbe_2_thema_b)); --_line_height_h2: 1; --_font_size_h2_mobile: var(--font_size_500); --polygon_1_x1: var(--_polygon_1_x1, 0); --polygon_1_x2: var(--_polygon_1_x2, 80%); --polygon_1_x3: var(--_polygon_1_x3, 100%); --polygon_1_x4: var(--_polygon_1_x4, 20%); --polygon_2_x1: var(--_polygon_2_x1, 20%); --polygon_2_x2: var(--_polygon_2_x2, 100%); --polygon_2_x3: var(--_polygon_2_x3, 80%); --polygon_2_x4: var(--_polygon_2_x4, 0%); --polygon_1_y1: var(--_polygon_1_y1, 10%); --polygon_1_y2: var(--_polygon_1_y2, 10%); --polygon_1_y3: var(--_polygon_1_y3, 100%); --polygon_1_y4: var(--_polygon_1_y4, 100%); --polygon_2_y1: var(--_polygon_2_y1, 0%); --polygon_2_y2: var(--_polygon_2_y2, 0%); --polygon_2_y3: var(--_polygon_2_y3, 90%); --polygon_2_y4: var(--_polygon_2_y4, 90%); --polygon_1_x1_hover: var(--_polygon_1_x1_hover, 20%); --polygon_1_x2_hover: var(--_polygon_1_x2_hover, 100%); --polygon_1_x3_hover: var(--_polygon_1_x3_hover, 80%); --polygon_1_x4_hover: var(--_polygon_1_x4_hover, 0%); --polygon_2_x1_hover: var(--_polygon_2_x1_hover, 0%); --polygon_2_x2_hover: var(--_polygon_2_x2_hover, 80%); --polygon_2_x3_hover: var(--_polygon_2_x3_hover, 100%); --polygon_2_x4_hover: var(--_polygon_2_x4_hover, 20%); position: relative; width: 320px; height: 290px; /* Silbentrennung lange Worte*/ overflow-wrap: break-word; word-break: break-word; hyphens: auto; /* Silbentrennung lange Worte*/ &.wnts_basic_settings_text { .wnts_parallelogramm_text_container { grid-template-areas: "main" "text"; gap: 1em; align-content: center; } --wnts_parallelogramm_padding_inline: var(--_wnts_parallelogramm_padding_inline, 3.5em); h2, p { padding-inline: var(--wnts_parallelogramm_padding_inline); text-align: center; z-index: 1; } h2 { --font_size_h2: var(--font_size_500); --_font_size_h2: var(--font_size_500); font-size: var(--font_size_500) !important; /* color: var(--farbe_1_thema_a) !important; */ } p.wnts_description { color: var(--font_color_parallel); font-size: var(--font_size_300) !important; text-align: center; line-height: 1 !important; margin-bottom: 2em !important } } &.wnts_size_100p { aspect-ratio: 320 / 290; width: 100%; height: auto; @media( width < 1140px){ width: min(400px, 100%); justify-self: center; } } &.wnts_wnts_wow_card_link { .wnts_heading_title { display: flex; flex-direction: column; } @media (width <= 1140px){ --wow_card_link_bevel: 0.5em; aspect-ratio: unset; width: 100%; height: auto; --wnts_alle_xxx_paddng_inline: 1em; --wnts_alle_xxx_font_size_h2: var(--font_size_400); --_polygon_1_x1: 0; --_polygon_1_x2: calc(100% - var(--wow_card_link_bevel)); /* 80%; */ --_polygon_1_x3: 100%; --_polygon_1_x4: var(--wow_card_link_bevel); /* 20%; */ --_polygon_1_y1: 0%; /* 10%; */ --_polygon_1_y2: 0%; /* 10%; */ --_polygon_1_y3: 100%; --_polygon_1_y4: 100%; --_polygon_2_x1: var(--wow_card_link_bevel); /* 20%; */ --_polygon_2_x2: 100%; --_polygon_2_x3: calc(100% - var(--wow_card_link_bevel)); /* 80%; */ --_polygon_2_x4: 0%; --_polygon_2_y1: 0%; --_polygon_2_y2: 0%; --_polygon_2_y3: 100%; --_polygon_2_y4: 100%; --_polygon_1_x1_hover: var(--wow_card_link_bevel); --_polygon_1_x2_hover: 100%; --_polygon_1_x3_hover: calc(100% - var(--wow_card_link_bevel)); --_polygon_1_x4_hover: 0%; --_polygon_2_x1_hover: 0%; --_polygon_2_x2_hover: calc(100% - var(--wow_card_link_bevel)); --_polygon_2_x3_hover: 100%; --_polygon_2_x4_hover: var(--wow_card_link_bevel); .wnts_heading_title { flex-direction: row; gap: 0.3em; --_font_size_h2_mobile: var(--wnts_alle_xxx_font_size_h2) !important; padding-block: 0.3em; } } @media(width <= 767px ){ .wnts_heading_title { --wnts_alle_xxx_font_size_h2: var(--font_size_500); } } } :is(.elementor-widget-container, .wnts_parallelogramm_text_container) { width: 100%; height: 100%; display: grid; grid-template-areas: "main"; &::before, &::after { position: absolute; content: ''; z-index: -1; width: 100%; height: 100%; display: grid; grid-area: main; background-color: var(--bg_color_prim); clip-path: polygon( var(--polygon_1_x1) var(--polygon_1_y1), var(--polygon_1_x2) var(--polygon_1_y2), var(--polygon_1_x3) var(--polygon_1_y3), var(--polygon_1_x4) var(--polygon_1_y4) ); transition: clip-path 0.6s ease-in-out; } &::after { background-color: var(--bg_color_second); clip-path: polygon( var(--polygon_2_x1) var(--polygon_2_y1), var(--polygon_2_x2) var(--polygon_2_y2), var(--polygon_2_x3) var(--polygon_2_y3), var(--polygon_2_x4) var(--polygon_2_y4) ); } :is(.elementor-heading-title, .wnts_heading_title) { grid-area: main; place-self: center; z-index: 1; color: var(--font_color_parallel) !important; text-transform: uppercase; text-align: center !important; margin: 0 !important; margin-block-start: .0 !important; margin-block-end: 0 !important; &.wnts_small_text { width: min-content; min-width: 60%; --_font_size_h2: var(--font_size_h3); } } } &.wnts_loop_schema { &:nth-child( 4n ){ --_bg_color_prim: var(--wow_farbe_fresh_mint); --_bg_color_second: var(--wow_farbe_magenta_bold); } &:nth-child( 4n + 1 ){ --_bg_color_prim: var(--wow_farbe_warm_coral); --_bg_color_second: var(--wow_farbe_solar_orange); } &:nth-child( 4n + 2 ){ --_bg_color_prim: var(--wow_farbe_soft_sand); --_bg_color_second: var(--wow_farbe_graphity_grey); } &:nth-child( 4n + 3 ){ --_bg_color_prim: var(--wow_farbe_warm_coral); --_bg_color_second: var(--wow_farbe_deep_purple); } } &.wnts_schema_2 { --_bg_color_prim: var(--farbe_2_thema_b); --_bg_color_second: var(--farbe_3_thema_c); } &.wnts_schema_3 { --_bg_color_prim: var(--wnts_accent_light); --_bg_color_second: var(--wnts_accent); } &.wnts_schema_4 { --_font_color_parallel: var(--wnts_white); --_bg_color_prim: var(--wow_farbe_fresh_mint); --_bg_color_second: var(--wow_farbe_deep_purple); } &.wnts_schema_5 { --_font_color_parallel: var(--wnts_white); --_bg_color_prim: var(--wow_farbe_deep_purple); --_bg_color_second: var(--wow_farbe_magenta_bold); } &:has( a:hover ){ --_polygon_1_x1: var(--polygon_1_x1_hover); --_polygon_1_x2: var(--polygon_1_x2_hover); --_polygon_1_x3: var(--polygon_1_x3_hover); --_polygon_1_x4: var(--polygon_1_x4_hover); --_polygon_2_x1: var(--polygon_2_x1_hover); --_polygon_2_x2: var(--polygon_2_x2_hover); --_polygon_2_x3: var(--polygon_2_x3_hover); --_polygon_2_x4: var(--polygon_2_x4_hover); } &.wnts_alle_xxx { --_font_color_parallel: var(--wnts_alle_xxx_font_color_parallel, var(--farbe_1_thema_a)); --_bg_color_prim: var(--wnts_alle_xxx_bg_color_prim, var(--wow_farbe_magenta_bold)); --_bg_color_second: var(--wnts_alle_xxx_bg_color_second, var(--wnts_white)); h2, p { padding-inline: var(--wnts_alle_xxx_paddng_inline, 3.5em); text-align: center; } h2 { --_font_size_h2: var(--wnts_alle_xxx_font_size_h2, var(--font_size_500)); color: var(--wnts_alle_xxx_color_h2, var(--farbe_1_thema_a)) !important; } p { z-index: 1; color: var(--farbe_1_thema_a) !important; font-size: var(--font_size_300) !important; text-align: center; line-height: var(--wnts_alle_xxx_p_line_height, 1) !important; margin-bottom: var(--wnts_alle_xxx_p_margin_bottom, 0) !important; &.wnts_vor_nachname { --_font_weight_text: var(--font_weight_semi_bold); } } .wnts_parallelogramm_text_container { align-items: center; align-content: center; gap: 0.5em; } &.wnts_alle_aussteller { --_font_color_parallel: var(--farbe_1_thema_a); --_bg_color_prim: var(--wow_farbe_magenta_bold); --_bg_color_second: var(--wnts_white); h2, p { padding-inline: 3.5em; text-align: center; } h2 { --_font_size_h2: var(--font_size_500); color: var(--farbe_1_thema_a) !important; } p { z-index: 1; color: var(--farbe_1_thema_a) !important; font-size: var(--font_size_300) !important; text-align: center; line-height: 1 !important; margin-bottom: 0 !important; &.wnts_vor_nachname { --_font_weight_text: var(--font_weight_semi_bold); } } .wnts_parallelogramm_text_container { align-items: center; align-content: center; gap: 0.5em; } } &.wnts_alle_sponsoren { --_bg_color_prim: var(--wow_farbe_fresh_mint); z-index: 1; } } &.wnts_ein_aussteller, &.wnts_ein_programm, &.wnts_eine_pressemitteilung { --_font_color_parallel: var(--farbe_1_thema_a); --_bg_color_prim: var(--wow_farbe_magenta_bold); --_bg_color_second: var(--wnts_white); width: 100%; height: auto; aspect-ratio: 320 / 290; @media (width <= 767px){ aspect-ratio: unset; --_polygon_1_x1: 0; --_polygon_1_x2: 90%; /* 80%; */ --_polygon_1_x3: 100%; --_polygon_1_x4: 10%; /* 20%; */ --_polygon_1_y1: 0%; /* 10%; */ --_polygon_1_y2: 0%; /* 10%; */ --_polygon_1_y3: 100%; --_polygon_1_y4: 100%; --_polygon_2_x1: 10%; /* 20%; */ --_polygon_2_x2: 100%; --_polygon_2_x3: 90%; /* 80%; */ --_polygon_2_x4: 0%; --_polygon_2_y1: 0%; --_polygon_2_y2: 0%; --_polygon_2_y3: 100%; --_polygon_2_y4: 100%; } .wnts_parallelogramm_text_container { --wnts_image_height: var(--_wnts_image_height, 200px); grid-template-areas: "space_top" "logo" "name" "main" "button" "excerpt" ; grid-template-rows: 0em var(--wnts_image_height) auto auto auto auto; grid-auto-rows: auto; align-content: center; justify-items: center; gap: 2em; @media (width <= 1140px){ gap: 1em; } p { margin-bottom: 0 !important; } .wnts_logo { grid-area: logo; /* margin-top: 2em; */ display: grid; width: fit-content; width: max-content; padding-inline: 0 !important; background-color: transparent; border-radius: 0%; place-items: center; --_image_max_width: unset; @media (width <= 1140px){ --_image_max_width: unset; } @media (width <= 767px){ --_image_max_width: unset; margin-top: 0; --img_padding_top: 1em; } img { --_image_height: 100%; --_image_border_radius: var(--__image_border_radius,50%); --_image_border: 3px; /* padding-top: var(--img_padding_top, 0); */ max-height: var(--wnts_image_height); object-fit: var(--_wnts_logo_object_fit,cover); aspect-ratio: 1 / 1; /* NEW 30.07.2025 */ } } .wnts_vor_nachname { grid-area: name; --_wnts_font_weight: var(--font_weight_semi_bold); } .wnts_button { display: block; grid-area: button; justify-self: center; height: fit-content; @media (width <= 767px){ padding-bottom: 1em; } a { display: inline-block; font-family: Jost !important; } } > p:last-child { grid-area: excerpt; text-align: center; padding-bottom: 10%; @media (width <= 767px){ padding-bottom: 2em; } } > *:last-child { @media (width <= 1140px){ padding-bottom: 1em; } } > * { padding-inline: 20% !important; } } } &.wnts_eine_pressemitteilung { .wnts_parallelogramm_text_container { --wnts_image_height: var(--_wnts_image_height, 200px); grid-template-areas: "space_top" "logo" "main" "datum" "excerpt" "button"; grid-template-rows: 0em var(--wnts_image_height) auto auto auto auto; .wnts_logo { --_image_border_radius: 0; @media (width <= 767px) { --_image_max_width: min(100%, 70vw); } img { --_image_height: 100%; max-height: var(--wnts_image_height); --_image_border_radius: 0; --_image_border: 3px; object-fit: cover; aspect-ratio: unset; } } .wnts_datum { grid-area: datum; --_wnts_font_weight: var(--font_weight_semi_bold); } } } &.wnts_ein_aussteller { .wnts_logo { img { --_image_border_radius: 0; --__image_border_radius: 0; object-fit: contain !important; --_wnts_logo_object_fit: contain; } } } &.wnts_ein_programm { .wnts_parallelogramm_text_container { grid-template-areas: "space_top" "logo" "name" "main" "tags" "excerpt" "button" ; grid-template-rows: 0em var(--wnts_image_height) auto auto auto auto; .wnts_programm_tags { grid-area: tags; --_wnts_font_weight: var(--font_weight_semi_bold); } } } } .wnts_grid_wrapper_parallelogram_cards { > div { --wnts_grid_parallelogramm_cards_wrapper: var(--_wnts_grid_parallelogramm_cards_wrapper, repeat(3, 1fr)); grid-template-columns: var(--wnts_grid_parallelogramm_cards_wrapper) !important; @media( width < 1140px){ --_wnts_grid_parallelogramm_cards_wrapper: 1fr 1fr; } @media( width < 767px){ --_wnts_grid_parallelogramm_cards_wrapper: 1fr; } } } } @layer circle_content { .wnts_circle { --wnts_circle_width: var(--_wnts_circle_width, 320px); --wnts_circle_content_color: var(--_wnts_circle_content_color, var(--wow_farbe_deep_purple)); --wnts_circle_bg_color: var(--_wnts_circle_bg_color, var(--wnts_white)); --image_content_ratio: var(--_image_content_ratio, 0.66); --wnts_grid_area_top: var(--_wnts_grid_area_top, 3em); --wnts_grid_area_image: calc( (var(--wnts_circle_width) - var(--wnts_grid_area_top) - var(--wnts_grid_area_bottom) - var(--wnts_grid_area_gap)) * var(--image_content_ratio) ); --wnts_grid_area_content: calc( var(--wnts_circle_width) - var(--wnts_grid_area_image) - var(--wnts_grid_area_top) - var(--wnts_grid_area_bottom) - var(--wnts_grid_area_gap) ); --wnts_grid_area_gap: var(--_wnts_grid_area_gap, 1em); --wnts_grid_area_bottom: var(--_wnts_grid_area_bottom, 3em); aspect-ratio: 1/1; width: var(--wnts_circle_width) !important; border-radius: 50%; overflow: clip; &:has( a:hover, a:focus-visible){ outline: 1px solid var(--wow_farbe_magenta_bold); } &.wnts_alle_veranstalter { --_wnts_grid_area_top: 2em; --_wnts_grid_area_bottom: 2em; .wnts_next_time_you { .wnts_heading_title { --_font_size_h2: var(--font_size_700); } } .wnts_text_p { grid-area: image; align-self: end; padding-inline: 4em; text-align: center; --_wow_font_size_text: var(--font_size_500); } } img { display: block;; } background-color: var(--wnts_circle_bg_color) !important; .wnts_circle_text_container { display: grid; grid-template-rows: var(--wnts_grid_area_top) var(--wnts_grid_area_image) var(--wnts_grid_area_gap) var(--wnts_grid_area_content) var(--wnts_grid_area_bottom); grid-template-areas: "top" "image" "gap" "content" "bottom"; justify-items: center; .wnts_image { grid-area: image; width: auto; height: 100% !important; display: grid; justify-items: center; align-items: center; padding-inline: var(--wnts_grid_area_top); grid-template-rows: var(--wnts_grid_area_image); align-self: end; img { display: block; width: auto; height: 100% !important; object-fit: contain; max-height: var(--wnts_grid_area_image); align-self: center; &.wnts_wirtschaftsclub-neuried-ev, &.wnts_wip-wir-in-planegg-ev { padding: 1em !important; } } } .wnts_heading_title { --font_family_h2: Asap; grid-area: content; padding-inline: var(--wnts_grid_area_bottom); max-width: 100%; --_font_size_h2: var(--font_size_500); @media(width <= 767px){ --_font_size_h2_mobile: var(--font_size_500); } color: var(--wnts_circle_content_color) !important; align-self: baseline; text-align: center; text-transform: none !important; } } &.wnts_sponsor { --wnts_outline_color_normal_status: var(--_wnts_normal_status_outline_color, var(--wow_farbe_deep_purple_dark)); --wnts_outline_color_hover: var(--_wnts_outline_color_hover, var(--wnts_white)); display: grid; place-items: center; outline: 2px solid var(--wnts_outline_color_normal_status); outline-offset: 2px; transition: 0.6s ease-in-out; &:has( a:hover, a:focus-visible){ outline: 2px solid var(--wnts_outline_color_hover); transition: 0.6s ease-in-out; } a { height: 100% !important; .wnts_circle_image { height: 100%; display: grid; place-items: center; img { filter: grayscale(100%); opacity: 0.7; } } } } } .wnts_bg_light .wnts_sponsor { --_wnts_normal_status_outline_color: var(--wnts_white); --_wnts_outline_color_hover: var(--wow_farbe_magenta_bold); } } @layer template_image_description { .wnts_widget_card_image_wrapper { display: grid; grid-template-columns: min(100%, 330px); gap: 1em; justify-items: center; justify-content: center; align-self: start; text-align: center; .wnts_circle_img { img { width: 250px; --_image_height: 250px; object-fit: cover; object-position: center; --_image_border_radius: 50%; } } .wnts_description { display: grid; gap: 1em; .wnts_summary { --_font_weight_text: var(--font_weight_semi_bold); --_text_color: var(--wow_farbe_magenta_bold); --_wow_font_size_text: var(--font_size_500); p { margin-bottom: 0 !important; } } .wnts_name_role { display: grid; gap: 0; margin-bottom: 0; .wnts_name { margin-bottom: 0 !important; --_font_weight_text: var(--font_weight_semi_bold); } .wnts_role { margin-bottom: 0 !important; } } .wnts_content { margin-bottom: 0 !important; } } } } @layer CTA { .wnts_cta { width: 200px !important; height: 200px !important; border-radius: 50% !important; gap: 0.5em !important; background-color: var(--wow_farbe_fresh_mint); .elementor-widget-icon { align-self: end !important; --_wnts_svg_fill: var(--wow_farbe_deep_purple); } .wnts_cta_text { --_font_weight_text: var(--font_weight_semi_bold); --_line_height_text: var(--line_height_500); align-self: baseline !important; } } .wnts_cta_button { --wnts_cta_button_hover_border_color: var(--_wnts_cta_button_hover_border_color, var(--wow_farbe_deep_purple)); width: 200px !important; height: 200px !important; border-radius: 50% !important; background-color: var(--wow_farbe_fresh_mint) !important; .elementor-widget-container, .elementor-button-wrapper, .elementor-button { width: 100%; height: 100%; border-radius: 50% !important; background-color: var(--wow_farbe_fresh_mint) !important; } a { display: grid !important; place-items: center; border: 2px solid transparent; &:hover, &:focus-visible { border: 2px solid var(--wnts_cta_button_hover_border_color); } } a > span { width: 100%; height: 100%; display: grid !important; gap: 0.7em !important; justify-items: center; } .elementor-button-icon { align-self: end; } .elementor-button-icon svg { height: 50px !important; width: 50px !important; } .elementor-button-text { --_wow_font_size_text: var(--font_size_400); --_font_weight_text: var(--font_weight_semi_bold); --_line_height_text: var(--line_height_500); align-self: baseline !important; } &.deep_purple_background { --_wnts_cta_button_hover_border_color: var(--wnts_white); } } } @layer password_toggle { /* Passwort ist versteckt → Nur "Passwort anzeigen"-Elemente sichtbar */ [data-toggle-password-status="versteckt"] .wnts_show_on_password { display: inline !important; } [data-toggle-password-status="versteckt"] .wnts_show_on_text { display: none !important; --_wnts_grid_display: none; } /* Passwort ist sichtbar → Nur "Passwort verstecken"-Elemente sichtbar */ [data-toggle-password-status="sichtbar"] .wnts_show_on_password { display: none !important; --_wnts_grid_display: none; } [data-toggle-password-status="sichtbar"] .wnts_show_on_text { display: inline !important; } } } @layer specials { /* --_wnts_header_wow_startseite_position */ /* --_safari_mac_position */ html.safari_mac [data-elementor-type="header"] { --_safari_mac_position: relative; } } @layer specials_custom { }