/* Theme Name: Hello Elementor Child Theme URI: https://github.com/elementor/hello-theme/ Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team Author: pr24 GmbH Author URI: https://pr24.ch/ Template: hello-elementor Version: 1.0.0 Text Domain: spps */ /* * Colors * Red: var(--e-global-color-secondary ) * Grey: #EBEBEB * Text: #242424 * Pink (frauen): #E7017F * Pink (queer): #DFA1BE */ /* * font * ----------------------------------------------------------------------------- */ body { font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif; } body strong, body b { font-weight:600; } /* * body actions * ----------------------------------------------------------------------------- */ /* fullscreen loading */ body.fullscreen-loading { overflow:hidden; } body.fullscreen-loading #fullscreen-loader { z-index:109999; opacity:1; } /* fullscreen overlay on homescreen */ body.fullscreen-show { overflow:hidden; } body.fullscreen-show #fullscreen { z-index:109999; opacity:1; } /* add background color to menu on homescreen when megamenu is open */ @media (min-width:1024px) { body.megamenu-open .elementor-section.el-menu-header-home { background-color:var(--e-global-color-secondary ) !important; } } /* search form */ body.searchform-show { overflow:hidden; } body.searchform-show #searchform { z-index:109999; opacity:1; background:var(--e-global-color-secondary ); } body.searchform-show #searchform .searchform-content .search-form .search-input { transform:translate(0,0); } body.searchform-show .search-button .search-button-wrapper { z-index:1001; /*transform:scale(110);*/ } body.searchform-show .search-button.fullscreen-red .search-button-wrapper { background:var(--e-global-color-secondary ); } body.searchform-show .search-button.fullscreen-frauen .search-button-wrapper { background:#E7017F; } body.searchform-show .search-button.fullscreen-queer .search-button-wrapper { background:#DFA1BE; } @media (min-width:1024px) { body.searchform-show #searchform { background:transparent; } body.searchform-show .search-button .search-button-wrapper { z-index:1001; transform:scale(110); } } /* newsfeed */ body.newsfeed-show { overflow:hidden; } body.newsfeed-show #newsfeed { z-index:109999; opacity:1; } body.newsfeed-show #newsfeed .newsfeed-content { display:block; transform:translate(0, 0); } /* * Elementor fixes * ----------------------------------------------------------------------------- */ /* fix gap of inner section */ /*.elementor-inner-section { margin-bottom:20px; } .elementor-inner-section > .elementor-container.elementor-column-gap-default { margin-left:-10px; margin-right:-10px; } .elementor-widget-wrap .elementor-section:not(:last-child) { margin-bottom:20px; }*/ /* fix ul, ol inside text-editor */ [data-widget_type="text-editor.default"] ul { margin-bottom:0.9rem; } [data-widget_type="text-editor.default"] ol { margin-bottom:0.9rem; } /* * Abstand * ----------------------------------------------------------------------------- */ body .wrapper-spacing-default { margin-top:60px; } body .wrapper-spacing-small { margin-top:30px; } @media (min-width:1024px) { body .wrapper-spacing-default { margin-top:120px; } body .wrapper-spacing-small { margin-top:60px; } } /* * navigation (elementor wrapper classes) * ----------------------------------------------------------------------------- */ .mega-sub-menu a.mega-menu-link::before { content: ""; margin:2px 6px 0 0!important; background-image: url('/wp-content/themes/sp-ps-elementor-child/images/sp-ps_link_arrow.svg')!important; background-size: 18px 18px; background-repeat: no-repeat; width: 18px!important; height: 18px!important; line-height: 10px; vertical-align: text-top!important; } .el-menu-header-sticky-frauen .mega-sub-menu a.mega-menu-link::before { background-image: url('/wp-content/themes/sp-ps-elementor-child/images/sp-ps_link_arrow_frauen.svg')!important; } ul.max-mega-menu > li > ul.mega-sub-menu li.widget_recent_entries h4.mega-block-title{ font-size:inherit!important; font-weight:600!important; margin-bottom:10px!important } .mega-sub-menu .gebaerdensprache a.mega-menu-link::before { background-image: url('/wp-content/themes/sp-ps-elementor-child/images/gebaerdensprache.svg')!important; } .mega-sub-menu .leichtesprache a.mega-menu-link::before { background-image: url('/wp-content/themes/sp-ps-elementor-child/images/leichte_sprache.svg')!important; } .mega-sub-menu .pdf a.mega-menu-link::before { background-image: url('/wp-content/themes/sp-ps-elementor-child/images/PDF.svg')!important; } #mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-megamenu > ul.mega-sub-menu li.mega-menu-column > ul.mega-sub-menu > li.mega-menu-item li.leichtesprache > a.mega-menu-link { margin-left:30px; margin-bottom:10px; } body .elementor-section.el-menu-header-sticky { background:#FFFFFF; transition:margin 0.5s ease-in-out; } @media (min-width:1281px) { body .elementor-section.el-menu-header-sticky { background-color:var(--e-global-color-secondary ); } body .elementor-section.el-menu-header-sticky.el-menu-header-sticky-frauen { background-color:#E7017F; } body .elementor-section.el-menu-header-sticky.el-menu-header-sticky-queer { background-color:#DFA1BE; } } body .elementor-section.el-menu-header-home { position:absolute; top:0; left:0; width:100%; background:#FFFFFF; transition:margin 0.5s ease-in-out; } @media (min-width:1281px) { body .elementor-section.el-menu-header-home { background:transparent !important; transition:background-color 0.5s ease !important; } body .elementor-section.el-menu-header-home.elementor-sticky--effects { background-color:var(--e-global-color-secondary ) !important } body .elementor-section.el-menu-header-home.elementor-sticky--effects.el-menu-header-sticky-frauen { background-color:#E70195!important } } body .elementor-element.el-menu-mobile-extra { background-color:var(--e-global-color-secondary ); padding:0px; } @media (min-width:1281px) { body .elementor-element.el-menu-mobile-extra { display:none; } } body .el-menu-main { padding:10px 20px; } /* on-scroll header up */ body .on-scroll-header-up { /*transform:translateY(-120px);*/ margin-top:-120px !important; } @media (min-width:1281px) { body .on-scroll-header-up { /*transform:translateY(0);*/ margin-top:0px !important; } } /* * navigation (language switcher) * ----------------------------------------------------------------------------- */ body .menu-mobile-language-switcher .wpml-ls { height:100%; display:flex; flex-direction:row; justify-content:flex-start; } body .menu-mobile-language-switcher .wpml-ls > ul { display:flex; flex-direction:row; align-items:center; } body .menu-mobile-language-switcher .wpml-ls > ul > li.wpml-ls-item { display:flex; flex-direction:row; align-items:center; } body .menu-mobile-language-switcher .wpml-ls > ul > li.wpml-ls-item:not(:first-of-type) { margin-left:10px; } /*body .menu-mobile-language-switcher .wpml-ls > ul > li.wpml-ls-item:not(:first-of-type)::before { color:#242424; content:'|'; }*/ body .menu-mobile-language-switcher .wpml-ls > ul > li.wpml-ls-item > a { font-size:19px; color:#242424; background:#EBEBEB; padding:12px 24px; line-height:1; text-decoration:none; } body .menu-mobile-language-switcher .wpml-ls > ul > li.wpml-ls-item > a:hover { text-decoration:underline; } body .menu-mobile-language-switcher .wpml-ls > ul > li.wpml-ls-item > a > span { vertical-align:unset; } body .menu-mobile-language-switcher .wpml-ls > ul > li.wpml-ls-item.wpml-ls-current-language a { text-decoration:underline; } /* desktop switcher */ @media (max-width:1280px){ body .elementor-location-header .elementor-element.el-menu-language-switcher { display:none; } } body .elementor-element.el-menu-language-switcher { display:block; position:absolute !important; right:0; top:0; z-index:60; width:300px !important; } body .elementor-element.el-menu-language-switcher .wpml-ls { display:flex; flex-direction:row; justify-content:flex-end; padding:0px 12px; height:38px; } body .elementor-element.el-menu-language-switcher .wpml-ls > ul { display:flex; flex-direction:row; align-items:center; } body .elementor-element.el-menu-language-switcher .wpml-ls > ul > li.wpml-ls-item { display:flex; flex-direction:row; align-items:center; } body .elementor-element.el-menu-language-switcher .wpml-ls > ul > li.wpml-ls-item:not(:first-of-type)::before { color:#ffffff; content:'|'; } body .elementor-element.el-menu-language-switcher .wpml-ls > ul > li.wpml-ls-item > a { font-size:15px; color:#ffffff; padding:5px 8px; line-height:1; vertical-align:middle; text-decoration:none; } body .elementor-element.el-menu-language-switcher .wpml-ls > ul > li.wpml-ls-item > a:hover { text-decoration:underline; } body .elementor-element.el-menu-language-switcher .wpml-ls > ul > li.wpml-ls-item > a > span { vertical-align:unset; } body .elementor-element.el-menu-language-switcher .wpml-ls > ul > li.wpml-ls-item.wpml-ls-current-language a { font-weight:600; } /* * navigation (mobile) * ----------------------------------------------------------------------------- */ body .navigation-mobile-extra > ul { display:flex; flex-direction:row; margin:0; padding:0; list-style:none; } body .navigation-mobile-extra > ul > li { width:50%; } body .navigation-mobile-extra > ul > li:not(:first-of-type) { border-left:2px #FFFFFF solid; } body .navigation-mobile-extra > ul > li > a { display:block; color:#FFFFFF; border:0px #FFFFFF solid; padding:8px 20px 8px 20px; width:100%; border-radius:0px; background:transparent; text-decoration:none; text-align:center; transition:all 0.3s !important; } body .navigation-mobile-extra > ul > li > a:hover { background:#FFFFFF; color:#242424; text-decoration:none; } /* * navigation (footer) * ----------------------------------------------------------------------------- */ body .navigation-footer > ul { margin:0; padding:0; list-style:none; } @media (min-width:1024px) { body .navigation-footer > ul { column-count:2; column-gap:20px; } } /* * main navigation (buttons) * ----------------------------------------------------------------------------- */ body .mega-button1.button1 > a.mega-menu-link { color:#FFFFFF !important; background:transparent !important; border:1px #FFFFFF solid !important; border-radius:0px !important; transition:all 0.3s !important; } body .mega-button1.button1:hover > a.mega-menu-link { color:#242424 !important; background:#FFFFFF !important; border:1px #FFFFFF solid !important; text-decoration:none !important; } body .mega-button2.button2 > a.mega-menu-link { margin-top:10px !important; display:inline-flex !important; align-items:center !important; padding:12px 24px !important; color:var(--e-global-color-secondary ) !important; background:#EBEBEB !important; border:1px #EBEBEB solid !important; border-radius:0px !important; transition:all 0.3s !important; } body .mega-button2.button2:hover > a.mega-menu-link { color:#ffffff !important; background:var(--e-global-color-secondary ) !important; border:1px var(--e-global-color-secondary ) solid !important; text-decoration:none !important; } body .mega-button2.button2 > a.mega-menu-link::after { flex-shrink:0; flex-grow:0; flex-basis:18px; content:'' !important; display:inline-block !important; margin-left:10px !important; width:18px !important; height:18px !important; background:url('images/sp-ps_link_arrow.svg') !important; background-size:cover !important; } body .mega-button2.button2:hover > a.mega-menu-link::after { background:url('images/sp-ps_link_arrow_neg.svg') !important; } /* * buttons (elementor) * ----------------------------------------------------------------------------- */ body .button-wrapper a.button-link, .tribe-events-calendar-list-nav .tribe-events-c-nav__list .tribe-events-c-nav__prev { position:relative; display:inline-flex; align-items:center; color:var(--e-global-color-secondary ); padding:12px 24px; background:#EBEBEB; border:1px #EBEBEB solid; text-decoration:none; transition:all 0.3s; } body .button-wrapper a.button-link::after { flex-shrink:0; flex-grow:0; flex-basis:18px; content:''; display:block; margin-left:10px; width:18px; height:18px; background-image:url('images/sp-ps_link_arrow.svg'); background-size:cover; background-repeat:no-repeat; transition:all ease-out 0.3s; } body .button-wrapper a.button-link:hover { color:#ffffff; background:var(--e-global-color-secondary ); text-decoration:none; border:1px #EBEBEB solid; text-decoration:none; } body .button-wrapper a.button-link:hover::after { background:url('images/sp-ps_link_arrow_neg.svg'); transform:translate(5px,0); } body .button-wrapper a.button-link .button-media-date { display:none; } body .button-wrapper.button-wrapper-show-media-date a.button-link .button-media-date { display:block; position:absolute; left:10px; bottom:2px; opacity:0.8; font-size:0.6em; } body .button-wrapper a.button-link.button-link-download::after { background-image:url('images/sp-ps_download_arrow.svg'); } body .button-wrapper a.button-link.button-link-download:hover::after { background-image:url('images/sp-ps_download_arrow_neg.svg'); } body .button-wrapper a.button-link.button-link-leichte-sprache::after { background-image:url('images/sp-ps_leichte_sprache.svg'); } body .button-wrapper a.button-link.button-link-leichte-sprache:hover::after { background-image:url('images/sp-ps_leichte_sprache_neg.svg'); } body .button-wrapper a.button-link.button-link-open::after { background-image:url('images/sp-ps_chevron_down.svg'); } body .button-wrapper a.button-link.button-link-open:hover::after { background-image:url('images/sp-ps_chevron_down_neg.svg'); } body .button-wrapper a.button-link.button-link-close::after { background-image:url('images/sp-ps_chevron_up.svg'); } body .button-wrapper a.button-link.button-link-close:hover::after { background-image:url('images/sp-ps_chevron_up_neg.svg'); } body .button-wrapper a.button-link.button-link-open::after { background-image:url('images/sp-ps_chevron_down.svg'); } body .button-wrapper a.button-link.button-link-open:hover::after { background-image:url('images/sp-ps_chevron_down_neg.svg'); } body .button-wrapper a.button-link.button-link-close::after { background-image:url('images/sp-ps_chevron_up.svg'); } body .button-wrapper a.button-link.button-link-close:hover::after { background-image:url('images/sp-ps_chevron_up_neg.svg'); } body .button-wrapper a.button-link.button-link-facebook::after, body .button-wrapper a.button-link.button-link-twitter::after, body .button-wrapper a.button-link.button-link-bluesky::after, body .button-wrapper a.button-link.button-link-instagram::after, body .button-wrapper a.button-link.button-link-tiktok::after, body .button-wrapper a.button-link.button-link-whatsapp::after, body .button-wrapper a.button-link.button-link-threema::after, body .button-wrapper a.button-link.button-link-youtube::after, body .button-wrapper a.button-link.button-link-spotify::after, body .button-wrapper a.button-link.button-link-rss::after, body .button-wrapper a.button-link.button-link-email::after, body .button-wrapper a.button-link.button-link-votemachine::after, body .button-wrapper a.button-link.button-link-no-icon::after, body .button-wrapper a.button-link.button-link-campaignheader::after, body .button-wrapper a.button-link.button-link-applepodcasts::after{ display: none; background-image:none } body .button-wrapper a.button-link.button-link-facebook, body .button-wrapper a.button-link.button-link-twitter, body .button-wrapper a.button-link.button-link-instagram, body .button-wrapper a.button-link.button-link-tiktok, body .button-wrapper a.button-link.button-link-bluesky, body .button-wrapper a.button-link.button-link-whatsapp, body .button-wrapper a.button-link.button-link-threema, body .button-wrapper a.button-link.button-link-youtube, body .button-wrapper a.button-link.button-link-spotify, body .button-wrapper a.button-link.button-link-rss, body .button-wrapper a.button-link.button-link-email, body .button-wrapper a.button-link.button-link-votemachine, body .button-wrapper a.button-link.button-link-applepodcasts{margin-right:5px;float:left} body .button-wrapper a.button-link.button-link-facebook{color:white; background-color:#385898} body .button-wrapper a.button-link.button-link-twitter{color:white; background-color:rgb(29, 155, 240)} body .button-wrapper a.button-link.button-link-bluesky{color:white; background-color:rgb(16, 131, 254)} body .button-wrapper a.button-link.button-link-tiktok{color:black; background-color:#25F4EE} body .button-wrapper a.button-link.button-link-instagram{color:white; background-color:#C13584} body .button-wrapper a.button-link.button-link-whatsapp{color:white; background-color:#00c444} body .button-wrapper a.button-link.button-link-threema{color:white; background-color:black} body .button-wrapper a.button-link.button-link-youtube{color:white; background-color:#cd201f} body .button-wrapper a.button-link.button-link-spotify{color:white; background-color:#2ebd59} body .button-wrapper a.button-link.button-link-rss{color:white; background-color:#f25d00} body .button-wrapper a.button-link.button-link-applepodcasts{color:white; background-color:#8828c2} body .button-wrapper.button-wrapper-left { display:flex; justify-content:flex-start; } body .button-wrapper.button-wrapper-right { display:flex; justify-content:flex-end; } body .button-wrapper.button-wrapper-center { display:flex; justify-content:center; } body .button-wrapper a.button-link.button-link-red, body .button-wrapper a.button-link.button-link-votemachine, .tribe-events-calendar-list-nav .tribe-events-c-nav__list .tribe-events-c-nav__prev {color:white!important; background-color:var(--e-global-color-secondary );font-weight:600} body .button-wrapper a.button-link.button-link-red::after { background-image:url('images/sp-ps_link_arrow_neg.svg'); } body .tribe-events-c-nav__list .tribe-common-c-svgicon--caret-left path{fill: white!important} .btngroup{ overflow:auto} @media (max-width:1024px) { body .button-wrapper a.button-link{ width:100% } } /* * List pills * ----------------------------------------------------------------------------- */ body .list-pills { list-style:none; margin:0 -0.25rem 0.5rem -0.25rem; padding:0; display:flex; flex-direction:row; flex-wrap:wrap; align-items:center; } body .list-pills > li { padding:0.25rem; } body .list-pills > li > a { display:block; padding:6px 12px; border-radius:0px; color:#FFFFFF; background:var(--e-global-color-secondary ); font-size:14px; text-decoration:none; transition:all 0.5s;} body .list-pills > li > a:hover { color:#FFFFFF; background:var(--e-global-color-secondary ); font-size:14px; text-decoration:none; } body .list-pills.list-pills-column { flex-direction:column; align-items:flex-start; } body .list-pills.list-pills-grey > li > a { color:#242424; background:#EBEBEB; } body .list-pills.list-pills-grey > li > a:hover { color:#FFFFFF; background:var(--e-global-color-secondary ); text-decoration:none; } /* * pagination (wp default style) * #242424 * ----------------------------------------------------------------------------- */ body .pager { margin-top:40px; } body .pager .page-numbers { display:flex; flex-wrap:wrap; flex-direction:row; justify-content:center; list-style:none; margin:0; padding:0; } body .pager .page-numbers li { margin-right:20px; } body .pager .page-numbers li span { display:flex; align-items:center; justify-content:center; } body .pager .page-numbers li span.current { background:transparent; color:var(--e-global-color-secondary ); } body .pager .page-numbers li a { text-decoration:none; display:flex; align-items:center; justify-content:center; color:#242424; background:transparent; transition:all 0.3s; } body .pager .page-numbers li a:hover { background:transparent; color:var(--e-global-color-secondary ); text-decoration:none; } body .pager .page-numbers li a.prev { width:auto; padding-left:2rem; padding-right:2rem; } body .pager .page-numbers li a.prev i { margin-right:0.25rem; } body .pager .page-numbers li a.next { width:auto; padding-left:2rem; padding-right:2rem; } body .pager .page-numbers li a.next i { margin-left:0.25rem; } /* * home screen * ----------------------------------------------------------------------------- */ body .elementor-section.el-homescreen-wrapper .homescreen { position:relative; display:flex; width:100%; height:100vh; background-size:cover; background-position:center center; overflow:hidden; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-video { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; object-fit:cover; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-slider { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-overlay { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; background:rgba(0,0,0,0.25); } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-overlay-top { position:absolute; top:0; left:0; right:0; width:100%; height:140px; background:linear-gradient(0, rgba(0,0,0,0) 0%, rgba(0,0,0,0.65) 100%); } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-overlay-bottom { position:absolute; left:0; bottom:0; right:0; width:100%; height:50%; background:linear-gradient(0, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner { position:absolute; left:0; top:0; right:0; bottom:0; width:100%; height:100%; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper { margin:0 auto; max-width:1400px; height:100%; padding:20px; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container { display:flex; flex-direction:column-reverse; justify-content:space-between; align-items:flex-end; width:100%; height:100%; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans { display:none; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans h2 { color:#ffffff; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-campaigns { margin-bottom:20px; } @media (min-width:1024px) { body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container { flex-direction:row; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans { display:block; margin-bottom:50px; margin-right:50px; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans h2 { padding:0 12px; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans h2 span { line-height:65px; background-color:#242424; padding:12px 0; box-shadow:12px 0px 0px #242424, -12px 0px 0px #242424; -webkit-box-decoration-break: clone;box-decoration-break:clone; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-item .slogan-content { padding:0 12px; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-item .slogan-content .slogan-title {} body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-item .slogan-content .slogan-title:hover { text-decoration-line:underline; text-decoration-thickness:2px; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-item .slogan-content .slogan-title .super { font-weight:600; font-size:1.3em; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-item .slogan-content .slogan-title { line-height:40px; background-color:var(--e-global-color-secondary ); padding:12px 0; box-shadow:12px 0px 0px var(--e-global-color-secondary ), -12px 0px 0px var(--e-global-color-secondary ); -webkit-box-decoration-break: clone; box-decoration-break:clone; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-item .slogan-content .slogan-title span.icon { margin-left:12px; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-campaigns { display:block; max-width:300px; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-ebene span { color:white; font-size:small;line-height:20px; background-color:#242424; padding:3px 3px 3px 12px; box-shadow:12px 0px 0px #242424, -12px 0px 0px #242424; -webkit-box-decoration-break: clone; box-decoration-break:clone; } body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-ebene {margin:10px 0 0 0} } /* * home screen mobile extra * (slogans) * ----------------------------------------------------------------------------- */ body .elementor-section.el-homescreen-wrapper .homescreen-mobile-extra-wrapper { background:#242424; display:block; margin:0 auto; max-width:1400px; padding:50px 20px; } body .elementor-section.el-homescreen-wrapper .homescreen-mobile-extra-wrapper .homescreen-mobile-extra {} body .elementor-section.el-homescreen-wrapper .homescreen-mobile-extra-wrapper .homescreen-mobile-extra h2, body .elementor-section.el-homescreen-wrapper .homescreen-mobile-extra-wrapper .homescreen-mobile-extra span{ color:#ffffff; } body .elementor-section.el-homescreen-wrapper .homescreen-mobile-extra-wrapper .slogans .slogans-items .slogans-ebene {border-top: 2px solid #ffffff; padding-top: 4px; margin-top: 8px } body .elementor-section.el-homescreen-wrapper .homescreen-mobile-extra-wrapper .slogans .slogans-items .slogans-ebene span{font-size:x-small;} @media (min-width:1024px) { body .elementor-section.el-homescreen-wrapper .homescreen-mobile-extra-wrapper { display:none; } } /* * shortcode search button * ----------------------------------------------------------------------------- */ body .search-button { position:relative; cursor:pointer; border-radius:100%; width:40px; height:40px; transition:all 0.3s !important; } body .search-button .search-button-wrapper { position:absolute; width:40px; height:40px; border-radius:100%; border:1px #ffffff solid; box-sizing:border-box; background:transparent; outline:none; transform-origin:50%; transition:all 0.7s cubic-bezier(0.4, 0, 0.2, 1); } body .search-button:hover { background:#ffffff; color:#242424; } body .search-button .search-button-wrapper-icon { position:absolute; width:40px; height:40px; display:flex; align-items:center; justify-content:center; } body .search-button .search-button-wrapper-icon .search-button-icon { color:#ffffff; transition:all 0.3s !important; } body .search-button:hover .search-button-wrapper-icon .search-button-icon { color:#242424 !important; } body .search-button.color-red .search-button-wrapper { border-color:var(--e-global-color-secondary ); } body .search-button.color-red .search-button-wrapper-icon .search-button-icon { color:var(--e-global-color-secondary ); } body .search-button.color-red:hover .search-button-wrapper-icon .search-button-icon { color:var(--e-global-color-secondary ) !important; } body .search-button.color-queer .search-button-wrapper { border-color:#DFA1BE; } body .search-button.color-queer .search-button-wrapper-icon .search-button-icon { color:#DFA1BE; } body .search-button.color-queer:hover .search-button-wrapper-icon .search-button-icon { color:#DFA1BE !important; } body .search-button.color-frauen .search-button-wrapper { border-color:#E7017F; } body .search-button.color-frauen .search-button-wrapper-icon .search-button-icon { color:#E7017F; } body .search-button.color-frauen:hover .search-button-wrapper-icon .search-button-icon { color:#E7017F !important; } /* * search fullscreen wrapper * ----------------------------------------------------------------------------- */ body #searchform { opacity:0; position:fixed; z-index:-109999; left:0; right:0; top:0; bottom:0; width:100%; height:100%; overflow:auto; opacity:0; cursor:pointer; } body #searchform .searchform-content { position:absolute; height:80px; left:0; top:50%; width:100%; padding-left:20px; padding-right:20px; margin-top:-40px; box-sizing:border-box; } body #searchform .searchform-content .search-form { border-bottom:#ffffff solid; display:flex; align-items:center; } body #searchform .searchform-content .search-form .search-input { flex:1; color:#ffffff; width:100%; height:80px; line-height:80px; font-size:18px; font-weight:400; border:0; background:transparent; outline:none; padding:0; box-sizing:border-box; transform:translate(40px, 0); transition:all 0.3s ease-in-out; } body #searchform .searchform-content .search-form .search-input::placeholder { color:#ffffff; font-weight:400; opacity:0.5; } body #searchform .searchform-content .search-form .search-button { display:flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px #ffffff solid; border-radius:100%; color:#ffffff; cursor:pointer; font-size:18px; transition:all 0.3s !important; } body #searchform .searchform-content .search-form .search-button:hover { background:#ffffff; color:#242424; } body #searchform .searchform-close { position:absolute; right:20px; top:20px; font-family:arial, sans-serif; font-size:25px; font-weight:600; color:#FFFFFF; background-color:transparent; width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:all 0.3s; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 50%); text-decoration:none; border-radius:50%; } body #searchform .searchform-close:hover { text-decoration:none; } body #searchform.searchform-red .searchform-close { color:#FFFFFF; background-color:var(--e-global-color-secondary ); } body #searchform.searchform-red .searchform-close:hover { color:var(--e-global-color-secondary ); background-color:#EBEBEB; } body #searchform.searchform-frauen .searchform-close { color:#FFFFFF; background-color:#E7017F; } body #searchform.searchform-frauen .searchform-close:hover { color:#E7017F; background-color:#EBEBEB; } body #searchform.searchform-queer .searchform-close { color:#FFFFFF; background-color:#DFA1BE; } body #searchform.searchform-queer .searchform-close:hover { color:#DFA1BE; background-color:#EBEBEB; } @media (min-width:1280px) { body #searchform .searchform-content { padding-left:120px; padding-right:120px; } body #searchform .searchform-content .search-form .search-input { font-size:54px; } body #searchform .searchform-content .search-form .search-button { width:60px; height:60px; font-size:32px; } } /* * elementor newsfeed widget * ----------------------------------------------------------------------------- */ body .newsfeed-wrapper { display:flex; flex-wrap:nowrap; flex-direction:column; align-items:center; padding:20px 0; } body .newsfeed-wrapper .newsfeed-title { flex:1; margin-bottom:10px; text-align:center; } body .newsfeed-wrapper .newsfeed-title h2 { margin:0; } body .newsfeed-wrapper .newsfeed-title h3 { margin:0; } body .newsfeed-wrapper .newsfeed-button {} @media (min-width:1280px) { body .newsfeed-wrapper .newsfeed-title { margin-bottom:0; text-align:left; } body .newsfeed-wrapper { display:flex; flex-wrap:nowrap; flex-direction:row; } } /* * newsfeed wrapper * ----------------------------------------------------------------------------- */ body #newsfeed { position:fixed; z-index:-109999; left:0; right:0; top:0; bottom:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.65); transition:background 0.5s; opacity:0; cursor:pointer; } body #newsfeed .newsfeed-content { position:absolute; top:0; right:0; bottom:0; width:320px; height:100%; background:#ffffff; transition:all 0.5s ease; transform:translate(320px, 0); box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); cursor:default; overflow-x:scroll; } body #newsfeed .newsfeed-content .newsfeed-close { position:absolute; right:10px; top:10px; font-family:arial, sans-serif; font-size:25px; font-weight:600; color:#FFFFFF; background-color:var(--e-global-color-secondary ); width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:all 0.3s; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 50%); text-decoration:none; border-radius:50%; } body #newsfeed .newsfeed-content .newsfeed-close:hover { color:var(--e-global-color-secondary ); background-color:#EBEBEB; text-decoration:none; } body #newsfeed .newsfeed-content .newsfeed-container { } body #newsfeed .newsfeed-content .newsfeed-container .newsfeed-heading { background:var(--e-global-color-secondary ); padding:20px; } body #newsfeed .newsfeed-content .newsfeed-container .newsfeed-heading h3 { color:#ffffff; margin:0; } body #newsfeed .newsfeed-content .newsfeed-container .newsfeed-feed { padding:20px; } /* * buttons list (elementor element) * ----------------------------------------------------------------------------- */ body .button-list-wrapper {} body .button-list-wrapper .button-list-title {} body .button-list-wrapper .button-list-container {} body .button-list-wrapper .button-list-container .button-list-beschreibung {} body .button-list-wrapper .button-list-container .button-list-more { margin-top:25px; } body .button-list-wrapper .button-list-container .button-list-more .button-wrapper .button-link-toggle-on { display:inline-flex; } body .button-list-wrapper .button-list-container .button-list-more .button-wrapper .button-link-toggle-off { display:none; } body .button-list-wrapper .button-list-container .button-list-items { border-top:1px #242424 solid; border-bottom:1px #242424 solid; } body .button-list-wrapper .button-list-container .button-list-items .button-list-item {} body .button-list-wrapper .button-list-container .button-list-items .button-list-item.button-list-item-hidden { display:none; } body .button-list-wrapper .button-list-container .button-list-items .button-list-item:not(:first-of-type) { border-top:1px #242424 solid; } body .button-list-wrapper .button-list-container .button-list-items .button-list-item .button-wrapper a.button-link { display:flex; justify-content:space-between; background:transparent; color:#242424; padding:20px 10px; border-color:transparent; text-decoration:none; } body .button-list-wrapper .button-list-container .button-list-items .button-list-item .button-wrapper a.button-link:hover{ color:var(--e-global-color-secondary ); text-decoration:none; } body .button-list-wrapper .button-list-container .button-list-items .button-list-item .button-wrapper a.button-link:hover::after { background-image:url('images/sp-ps_link_arrow.svg'); } body .button-list-wrapper .button-list-container .button-list-items .button-list-item .button-wrapper a.button-link.button-link-download:hover::after { background-image:url('images/sp-ps_download_arrow.svg'); } body .button-list-wrapper .button-list-container .button-list-items .button-list-item .button-wrapper a.button-link.button-link-leichte-sprache:hover::after { background-image:url('images/sp-ps_leichte_sprache.svg'); } body .button-list-wrapper .button-list-container.button-list-container-visible .button-list-items .button-list-item.button-list-item-hidden { display:block; } body .button-list-wrapper .button-list-container.button-list-container-visible .button-list-more .button-wrapper .button-link-toggle-on { display:none; } body .button-list-wrapper .button-list-container.button-list-container-visible .button-list-more .button-wrapper .button-link-toggle-off { display:inline-flex; } body .button-list-wrapper .button-list-container .button-list-text li{ margin-top:10px} body .button-list-wrapper .button-list-container .button-list-text-icon{ margin-left: 30px } body .button-list-wrapper .button-list-container .button-list-text-icon li::before{ background-image: inherit; background-size: 100% 100%; content: ''; display: inline-block; height: 40px; width: 40px; margin-left: -60px; margin-right: 20px; } body .button-list-wrapper .button-list-container .button-list-text-icon ul strong{ font-size: 1.5em; vertical-align: super } @media (max-width:1280px) { body .button-list-wrapper .button-list-container .button-list-text-icon{ margin-left: 0px } body .button-list-wrapper .button-list-container .button-list-text-icon li::before{ background-image: inherit; background-size: 100% 100%; content: ''; display: inline-block; height: 20px; width: 20px; margin-left: -30px; margin-right: 10px; } body .button-list-wrapper .button-list-container .button-list-text-icon ul strong{ font-size: 1em; vertical-align: text-top; line-height: 0.9; padding-top:5px } body .button-list-wrapper .button-list-container .button-list-text-icon ul {padding-left: 30px} } body .button-list-wrapper.blocksatz { text-align: justify } /* * summary (elementor element) * ----------------------------------------------------------------------------- */ body .summary-wrapper { background:#EBEBEB; padding:20px; } body .summary-wrapper .summary-title {} body .summary-wrapper .summary-container {} body .summary-wrapper .summary-container .summary-beschreibung {} body .summary-wrapper .summary-container .summary-more { margin-top:25px; } body .summary-wrapper .summary-container .summary-more .button-wrapper .button-link-toggle-on { display:inline-flex; } body .summary-wrapper .summary-container .summary-more .button-wrapper .button-link-toggle-off { display:none; } body .summary-wrapper .summary-container .summary-items { /*border-top:1px #242424 solid; border-bottom:1px #242424 solid;*/ } body .summary-wrapper .summary-container .summary-items .summary-item { display:flex; } body .summary-wrapper .summary-container .summary-items .summary-item.summary-item-hidden { display:none; } body .summary-wrapper .summary-container .summary-items .summary-item:not(:first-of-type) { /*border-top:1px #242424 solid;*/ } body .summary-wrapper .summary-container .summary-items .summary-item .summary-item-icon { padding:22px 0; width:20px; } body .summary-wrapper .summary-container .summary-items .summary-item .summary-item-icon img { display:block; width:8px; height:auto; } body .summary-wrapper .summary-container .summary-items .summary-item .summary-item-button { flex:1; } body .summary-wrapper .summary-container .summary-items .summary-item .summary-item-button .button-wrapper a.button-link { display:flex; justify-content:space-between; background:transparent; color:#242424; padding:10px 0px; border-color:transparent; text-decoration:none; } body .summary-wrapper .summary-container .summary-items .summary-item .summary-item-button .button-wrapper a.button-link:hover{ color:var(--e-global-color-secondary ); text-decoration:none; } body .summary-wrapper .summary-container .summary-items .summary-item .summary-item-button .button-wrapper a.button-link::after { display:none; } body .summary-wrapper .summary-container.summary-container-visible .summary-items .summary-item.summary-item-hidden { display:flex; } body .summary-wrapper .summary-container.summary-container-visible .summary-more .button-wrapper .button-link-toggle-on { display:none; } body .summary-wrapper .summary-container.summary-container-visible .summary-more .button-wrapper .button-link-toggle-off { display:inline-flex; } @media (min-width:1024px) { body .summary-wrapper { padding:50px; } } /* * title & text * ----------------------------------------------------------------------------- */ body .title-text-wrapper {} body .title-text-wrapper .title-text-title {} body .title-text-wrapper .title-text-container {} body .title-text-wrapper .title-text-container .title-text-text {} body .title-text-wrapper .title-text-container .title-text-text li{ margin-top:10px} /* * Call to Action * ----------------------------------------------------------------------------- */ body .call-to-action-wrapper { background:var(--e-global-color-secondary ); color:#ffffff; padding:20px; } body .call-to-action-wrapper .call-to-action-title h2 { color:inherit; } body .call-to-action-wrapper .call-to-action-title h3 { color:inherit; } body .call-to-action-wrapper .call-to-action-container {} body .call-to-action-wrapper .call-to-action-container .call-to-action-text {} body .call-to-action-wrapper .call-to-action-container .call-to-action-buttons { margin: 0 -5px; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-end; } body .call-to-action-wrapper .call-to-action-container .call-to-action-buttons.call-to-action-buttons-left { justify-content:flex-start; } body .call-to-action-wrapper .call-to-action-container .call-to-action-buttons.call-to-action-buttons-center { justify-content:center; } body .call-to-action-wrapper .call-to-action-container .call-to-action-buttons.call-to-action-buttons-right { justify-content:flex-end; } body .call-to-action-wrapper .call-to-action-container .call-to-action-buttons .button-wrapper { padding:5px; } @media (min-width:1024px) { body .call-to-action-wrapper { padding:50px; } } /* * person (single) * ----------------------------------------------------------------------------- */ body .person-container { display:flex; flex-direction:column; padding:0px; } body .person-container .person-portrait { width:100%; } body .person-container .person-portrait > a {} body .person-container .person-portrait > a > img { display:block; width:100%; } body .person-container .person-content { width:100%; padding:10px 0px; } body .person-container .person-content a.person-name { color:inherit; text-decoration:none; } body .person-container .person-content a.person-name > p { margin-bottom:0px; line-height:1.4em; } body .person-container .person-content p.person-position { font-size:0.8em; line-height:1.2; } body .person-container .person-content ul.person-kontakt { list-style:none; margin:14px 0 0 0; padding:0; } body .person-container .person-content ul.person-kontakt > li { font-size:0.8em; line-height:1.2; } body .person-container .person-content ul.person-kontakt > li > a { text-decoration:none; font-size:inherit; } @media (min-width:768px) { body .person-container { flex-direction:row; } body .person-container .person-portrait { width:150px; flex-shrink:0; } body .person-container .person-content { flex:1; padding:10px 20px; } } /* grid */ body .persons {} body .persons .persons-items { display:flex; flex-direction:column; flex-wrap:wrap; margin:0 -10px; } body .persons .persons-items .persons-item { width:100%; padding:10px; } body .persons .persons-items .persons-item .person-container { height:100%; } body .persons.persons-grid-1 .persons-items .persons-item { width:100%; } body .persons.persons-grid-2 .persons-items .persons-item { width:100%; } body .persons.persons-grid-3 .persons-items .persons-item { width:100%; } body .persons.persons-grid-3 .persons-items .persons-item .person-container { flex-direction:column; } body .persons.persons-grid-3 .persons-items .persons-item .person-container .person-portrait { width:100%; } body .persons.persons-grid-3 .persons-items .persons-item .person-container .person-content { width:100%; padding:10px 0px; } body .persons.persons-grid-4 .persons-items .persons-item { width:100%; } body .persons.persons-grid-4 .persons-items .persons-item .person-container { flex-direction:column; } body .persons.persons-grid-4 .persons-items .persons-item .person-container .person-portrait { width:100%; } body .persons.persons-grid-4 .persons-items .persons-item .person-container .person-content { width:100%; padding:10px 0px; } @media (min-width:768px) { body .persons.persons-grid-1 .persons-items { flex-direction:column; } body .persons.persons-grid-2 .persons-items { flex-direction:row; } body .persons.persons-grid-2 .persons-items .persons-item { width:50%; } body .persons.persons-grid-3 .persons-items { flex-direction:row; } body .persons.persons-grid-3 .persons-items .persons-item { width:50%; } body .persons.persons-grid-4 .persons-items { flex-direction:row; } body .persons.persons-grid-4 .persons-items .persons-item { width:50%; } } @media (min-width:1024px) { body .persons.persons-grid-3 .persons-items .persons-item { width:33.33333%; } body .persons.persons-grid-4 .persons-items .persons-item { width:25%; } } /* * person archive (elementor element) * ----------------------------------------------------------------------------- */ body .person-archive-wrapper {} body .person-archive-wrapper .person-archive-container {} body .person-archive-wrapper .person-archive-container { display:flex; flex-direction:column; padding:0px; } body .person-archive-wrapper .person-archive-container .person-portrait {} body .person-archive-wrapper .person-archive-container .person-portrait > img { display:block; width:100%; } body .person-archive-wrapper .person-archive-container .person-content { flex:1; padding:20px 0; } body .person-archive-wrapper .person-archive-container .person-content p.person-position {} body .person-archive-wrapper .person-archive-container-curriculum-vitae { margin-top:60px; } body .person-archive-wrapper .person-archive-container-contact { margin-top:60px; } @media (min-width:1024px) { body .person-archive-wrapper .person-archive-container { flex-direction:row; } body .person-archive-wrapper .person-archive-container .person-content { padding:20px; } body .person-archive-wrapper .person-archive-container .person-portrait { width:250px; flex-shrink:0; } } /* * quote (single) * ----------------------------------------------------------------------------- */ body .quote-container { display:flex; flex-direction:column; align-items:center; padding:0px; } body .quote-container .quote-content { width:100%; padding:10px 20px; text-align:center; } body .quote-container .quote-content *:last-of-type { margin:0; } body .quote-container .quote-portrait { width:100%; display:flex; justify-content:center; margin-top:20px; } body .quote-container .quote-portrait .quote-portrait-radius { display:flex; justify-content:center; align-items:center; width:100px; height:100px; border-radius:50%; overflow:hidden; background:#EBEBEB; } body .quote-container .quote-portrait .quote-portrait-radius img { display:block; width:100px; } body .quote-container .quote-name-funktion { width:100%; padding:10px 20px; text-align:center; } @media (min-width:1024px) { } /* style */ body .quotes.striking {} body .quotes.striking .quote-container .quote-content { position:relative; background:var(--e-global-color-secondary ); color:#FFFFFF; } body .quotes.striking .quote-container .quote-content::after { content:''; position:absolute; display:block; border-style:solid; border-color:var(--e-global-color-secondary ) transparent transparent transparent; left:80%; border-right-width:40px; margin-left:calc(40px/-2); border-top-width:24px; bottom:-24px; border-left-width:12px; } body .quotes.striking .quote-container .quote-portrait {} body .quotes.striking .quote-container .quote-name-funktion {} body .quotes-item .quote__quote a{ font-size:inherit } /* grid */ body .quotes {} body .quotes .quotes-items { display:flex; flex-direction:column; flex-wrap:wrap; margin:0 -10px; } body .quotes .quotes-items .quotes-item { width:100%; padding:10px; } body .quotes .quotes-items .quotes-item .quote-container { height:100%; } body .quotes.quotes-grid-1 .quotes-items .quotes-item { width:100%; } body .quotes.quotes-grid-1 .quotes-items .quotes-item .quote-content { width:80%; } body .quotes.quotes-grid-2 .quotes-items .quotes-item { width:100%; } body .quotes.quotes-grid-3 .quotes-items .quotes-item { width:100%; } body .quotes.quotes-grid-4 .quotes-items .quotes-item { width:100%; } @media (min-width: 768px) and (max-width: 1023px) { body .quotes.quotes-grid-2 .quotes-items, body .quotes.quotes-grid-3 .quotes-items, body .quotes.quotes-grid-4 .quotes-items { flex-direction: row; flex-wrap: wrap; } body .quotes.quotes-grid-2 .quotes-items .quotes-item, body .quotes.quotes-grid-3 .quotes-items .quotes-item, body .quotes.quotes-grid-4 .quotes-items .quotes-item { width: 50%; } } @media (max-width: 767px) { body .quotes.quotes-items { flex-direction: column; } body .quotes.quotes-items .quotes-item { width: 100%; } } @media (min-width:1024px) { body .quotes.quotes-grid-1 .quotes-items { flex-direction:column; } body .quotes.quotes-grid-2 .quotes-items { flex-direction:row; } body .quotes.quotes-grid-2 .quotes-items .quotes-item { width:50%; } body .quotes.quotes-grid-3 .quotes-items { flex-direction:row; } body .quotes.quotes-grid-3 .quotes-items .quotes-item { width:33.33333%; } body .quotes.quotes-grid-4 .quotes-items { flex-direction:row; } body .quotes.quotes-grid-4 .quotes-items .quotes-item { width:25%; } } /* * barometer * ----------------------------------------------------------------------------- */ body .barometer-progress {} body .barometer-progress .barometer-progress-inner { display:flex; height:30px; overflow:hidden; font-size:0.75rem; background-color:#EBEBEB; } body .barometer-progress .barometer-progress-inner .barometer-progress-inner-bar { display:flex; flex-direction:column; justify-content:center; color:#fff; text-align:center; white-space:nowrap; background-color:var(--e-global-color-secondary ); transition:width .6s ease; } /* * campaigns list * ----------------------------------------------------------------------------- */ body .campaigns-list-wrapper {} body .campaigns-list-wrapper .campaigns-list-title {} body .campaigns-list-wrapper .campaigns-list-title > h3 { margin:0; } body .campaigns-list-wrapper .campaigns-list-container {} body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-more { margin-top:25px; } body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-more .button-wrapper .button-link-toggle-on { display:inline-flex; } body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-more .button-wrapper .button-link-toggle-off { display:none; } body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-text {} body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-items .campaigns-list-item {} body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-items .campaigns-list-item.campaigns-list-item-hidden { display:none; } body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-items .campaigns-list-item .button-wrapper a.button-link { display:flex; justify-content:space-between; background:transparent; border-color:transparent; color:#242424; padding:10px 0 0 0; } body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-items .campaigns-list-item .button-wrapper a.button-link:hover{ color:#242424; text-decoration:underline; } body .campaigns-list-wrapper .campaigns-list-container .campaigns-list-items .campaigns-list-item .button-wrapper a.button-link:hover::after { background-image:url('images/sp-ps_link_arrow.svg'); } body .campaigns-list-wrapper .campaigns-list-container.campaigns-list-container-visible .campaigns-list-items .campaigns-list-item.campaigns-list-item-hidden { display:block; } body .campaigns-list-wrapper .campaigns-list-container.campaigns-list-container-visible .campaigns-list-more .button-wrapper .button-link-toggle-on { display:none; } body .campaigns-list-wrapper .campaigns-list-container.campaigns-list-container-visible .campaigns-list-more .button-wrapper .button-link-toggle-off { display:inline-flex; } /* grid */ body .campaigns {} body .campaigns .campaigns-list-items { display:flex; flex-direction:column; flex-wrap:wrap; } body .campaigns .campaigns-list-items .campaigns-list-item { width:100%; padding:10px; } body .campaigns.campaigns-grid-1 .campaigns-list-items .campaigns-list-item { width:100%; } body .campaigns.campaigns-grid-1 .campaigns-list-items { border-top:1px #242424 solid; border-bottom:1px #242424 solid; } body .campaigns.campaigns-grid-1 .campaigns-list-items .campaigns-list-item { padding:10px; display:flex; } body .campaigns.campaigns-grid-1 .campaigns-list-items .campaigns-list-item:not(:first-of-type) { border-top:1px #242424 solid; } body .campaigns.campaigns-grid-1 .campaigns-list-items .campaigns-list-item .campaings-list-item-flex { display:flex; flex-wrap:nowrap; flex-direction:row; width:100%; } body .campaigns.campaigns-grid-1 .campaigns-list-items .campaigns-list-item .campaings-list-item-flex .campaign-image-link { width:150px; } body .campaigns.campaigns-grid-1 .campaigns-list-items .campaigns-list-item .campaings-list-item-flex .campaign-image-link .campaign-image { display:block; width:100%; } body .campaigns.campaigns-grid-1 .campaigns-list-items .campaigns-list-item .campaings-list-item-flex .button-wrapper { flex:1; } body .campaigns.campaigns-grid-1 .campaigns-list-items .campaigns-list-item .campaings-list-item-flex .button-wrapper a.button-link { padding:20px 10px; } body .campaigns.campaigns-grid-2 .campaigns-list-items { margin:0 -10px; } body .campaigns.campaigns-grid-3 .campaigns-list-items { margin:0 -10px; } body .campaigns.campaigns-grid-4 .campaigns-list-items { margin:0 -10px; } @media (min-width:700px) and (max-width:1023px) { body .campaigns.campaigns-grid-1 .campaigns-list-items { flex-direction:column; } body .campaigns.campaigns-grid-2 .campaigns-list-items { flex-direction:row; } body .campaigns.campaigns-grid-2 .campaigns-list-items .campaigns-list-item { width:50%; } body .campaigns.campaigns-grid-3 .campaigns-list-items { flex-direction:row; } body .campaigns.campaigns-grid-3 .campaigns-list-items .campaigns-list-item { width:50%; } body .campaigns.campaigns-grid-4 .campaigns-list-items { flex-direction:row; } body .campaigns.campaigns-grid-4 .campaigns-list-items .campaigns-list-item { width:50%; } } @media (min-width:1024px) { body .campaigns.campaigns-grid-1 .campaigns-list-items { flex-direction:column; } body .campaigns.campaigns-grid-2 .campaigns-list-items { flex-direction:row; } body .campaigns.campaigns-grid-2 .campaigns-list-items .campaigns-list-item { width:50%; } body .campaigns.campaigns-grid-3 .campaigns-list-items { flex-direction:row; } body .campaigns.campaigns-grid-3 .campaigns-list-items .campaigns-list-item { width:33.33333%; } body .campaigns.campaigns-grid-4 .campaigns-list-items { flex-direction:row; } body .campaigns.campaigns-grid-4 .campaigns-list-items .campaigns-list-item { width:25%; } } /* * magazines list * ----------------------------------------------------------------------------- */ body .magazines-list-wrapper {} body .magazines-list-wrapper .magazines-list-title {} body .magazines-list-wrapper .magazines-list-title > h3 { margin:0; } body .magazines-list-wrapper .magazines-list-container {} body .magazines-list-wrapper .magazines-list-container .magazines-list-more { margin-top:25px; } body .magazines-list-wrapper .magazines-list-container .magazines-list-more .button-wrapper .button-link-toggle-on { display:inline-flex; } body .magazines-list-wrapper .magazines-list-container .magazines-list-more .button-wrapper .button-link-toggle-off { display:none; } body .magazines-list-wrapper .magazines-list-container .magazines-list-text {} body .magazines-list-wrapper .magazines-list-container .magazines-list-items .magazines-list-item {} body .magazines-list-wrapper .magazines-list-container .magazines-list-items .magazines-list-item.magazines-list-item-hidden { display:none; } body .magazines-list-wrapper .magazines-list-container .magazines-list-items .magazines-list-item .button-wrapper a.button-link { background:transparent; border-color:transparent; padding:10px 0 0 0; } body .magazines-list-wrapper .magazines-list-container .magazines-list-items .magazines-list-item .button-wrapper a.button-link:hover{ color:#242424; text-decoration:underline; } body .magazines-list-wrapper .magazines-list-container .magazines-list-items .magazines-list-item .button-wrapper a.button-link:hover::after { background-image:url('images/sp-ps_link_arrow.svg'); } body .magazines-list-wrapper .magazines-list-container.magazines-list-container-visible .magazines-list-items .magazines-list-item.magazines-list-item-hidden { display:block; } body .magazines-list-wrapper .magazines-list-container.magazines-list-container-visible .magazines-list-more .button-wrapper .button-link-toggle-on { display:none; } body .magazines-list-wrapper .magazines-list-container.magazines-list-container-visible .magazines-list-more .button-wrapper .button-link-toggle-off { display:inline-flex; } /* grid */ body .magazines {} body .magazines .magazines-list-items { display:flex; flex-direction:column; flex-wrap:wrap; margin:-30px -10px; } body .magazines .magazines-list-items .magazines-list-item { width:100%; padding:30px 10px; } body .magazines .magazines-list-items .magazines-list-item .campaings-list-item-flex { display:flex; flex-wrap:nowrap; flex-direction:column; height:100%; } body .magazines .magazines-list-items .magazines-list-item .campaings-list-item-flex .magazine-title { color:inherit; font-weight:600; } @media (min-width:1024px) { body .magazines.magazines-grid-2 .magazines-list-items { flex-direction:row; } body .magazines.magazines-grid-2 .magazines-list-items .magazines-list-item { width:50%; } body .magazines.magazines-grid-3 .magazines-list-items { flex-direction:row; } body .magazines.magazines-grid-3 .magazines-list-items .magazines-list-item { width:33.33333%; } body .magazines.magazines-grid-4 .magazines-list-items { flex-direction:row; } body .magazines.magazines-grid-4 .magazines-list-items .magazines-list-item { width:25%; } } /* * slogans * ----------------------------------------------------------------------------- */ /* popup */ body .slogan-infobox-container {} body .slogan-infobox-container .slogan-infobox-heading { background:var(--e-global-color-secondary ); padding:20px; } body .slogan-infobox-container .slogan-infobox-heading h2 { color:#ffffff; margin:0; } body .slogan-infobox-container .slogan-infobox-content { padding:20px; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-actions { display:flex; flex-direction:row; flex-wrap:wrap; margin-top:40px; margin-left:-5px; margin-right:-5px; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-actions .button-wrapper { padding:5px; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item { margin-bottom:20px; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item p { margin-bottom:4px; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item h3 { margin:0; font-weight:600; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item.slogan-infobox-item-question { background:#EBEBEB; padding:10px } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list { display:flex; flex-direction:column; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box { display:flex; align-items:center; margin-right:20px; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box .slogan-infobox-item-list-box-title { order:2; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box .slogan-infobox-item-list-box-checked { order:1; display:none; width:50px; height:auto; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box .slogan-infobox-item-list-box-unchecked { order:1; display:block; width:50px; height:auto; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box.slogan-infobox-item-list-box-active .slogan-infobox-item-list-box-checked { display:block; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box.slogan-infobox-item-list-box-active .slogan-infobox-item-list-box-unchecked { display:none; } @media (min-width:1024px) { body .slogan-infobox-container .slogan-infobox-heading { padding:50px; } body .slogan-infobox-container .slogan-infobox-content { padding:50px; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list { flex-direction:row; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box .slogan-infobox-item-list-box-title { order:1; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box .slogan-infobox-item-list-box-checked { order:2; } body .slogan-infobox-container .slogan-infobox-content .slogan-infobox-item .slogan-infobox-item-list-box .slogan-infobox-item-list-box-unchecked { order:2; } } /* slogan list homepage */ body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans {} body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items { display:flex; flex-direction:column; } body .slogans .slogans-items .slogans-item { position:relative; margin:6px 0; overflow:hidden; } body .slogans .slogans-items .slogans-item .slogan-content {} body .elementor-section.el-homescreen-wrapper .homescreen .homescreen-inner .homescreen-inner-wrapper .homescreen-inner-container .homescreen-inner-slogans .slogans .slogans-items .slogans-item .slogan-content .slogan-title { font-size:24px; /*line-height:1.2;*/ color:#ffffff; text-decoration:none; } body .slogans .slogans-items .slogans-item .slogan-content .slogan-title { font-size:24px; line-height:1.2; color:#000; text-decoration:none; } body .slogans .slogans-items .slogans-item .slogan-content .slogan-title:hover { text-decoration:underline; } body .slogans .slogans-items .slogans-item .slogan-content .slogan-title .icon { margin-left:5px; } body .slogans .slogans-items .slogans-item .slogan-content .slogan-title .icon img { display:block; height:18px; width:auto; display:inline-block; } /* * campaigns * ----------------------------------------------------------------------------- */ body .campaigns {} body .campaigns .campaigns-items { display:flex; flex-direction:row; flex-wrap:nowrap; overflow-x:scroll; } body .campaigns .campaigns-items .campaigns-item { flex:0 0 66.66666%; } body .campaigns .campaigns-items .campaigns-item:not(:last-of-type) { margin-right:20px; } body .campaigns .campaigns-items .campaigns-item .campaign-content { display:flex; flex-direction:row; } body .campaigns .campaigns-items .campaigns-item .campaign-content a { display:block; transition:all 0.5s; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); border-radius:8px; } body .campaigns .campaigns-items .campaigns-item .campaign-content a img { display:block; width:100%; border-radius:8px; } @media (min-width:1024px) { body .campaigns .campaigns-items { display:flex; flex-direction:column; overflow-x:unset; } body .campaigns .campaigns-items .campaigns-item { margin:5px 0 !important; } body .campaigns .campaigns-items .campaigns-item.campaigns-item-hidden-desktop { display:none; } body .campaigns .campaigns-items .campaigns-item .campaign-content a:hover { transform:scale(1.1) rotate(-5deg); } } @media (min-width:1024px) and (max-height:600px) { body .campaigns .campaigns-items .campaigns-item:nth-child(n+2) { display:none; } } @media (min-width:1024px) and (max-height:700px) { body .campaigns .campaigns-items .campaigns-item:nth-child(n+3) { display:none; } } @media (min-width:1024px) and (max-height:800px) { body .campaigns .campaigns-items .campaigns-item:nth-child(n+4) { display:none; } } @media (min-width:1024px) and (min-height:800px) { body .campaigns .campaigns-items .campaigns-item { display:flex; } } /* * Toggle * ----------------------------------------------------------------------------- */ body .elementor-widget-toggle .elementor-toggle-title { font-size: inherit; } /* * fullscreen * ----------------------------------------------------------------------------- */ body #fullscreen { position:fixed; z-index:-109999; left:0; right:0; top:0; bottom:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.65); transition:all 0.5s; opacity:0; cursor:pointer; } body #fullscreen .fullscreen-content { margin:0 auto; max-width:1400px; padding:20px 20px; cursor:default; } body #fullscreen .fullscreen-content .fullscreen-content-inner { position:relative; background:#FFFFFF; box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5); border-radius:0px; overflow:hidden; } body #fullscreen .fullscreen-content .fullscreen-content-inner .fullscreen-close { position:absolute; right:10px; top:10px; font-family:arial, sans-serif; font-size:25px; font-weight:600; color:#FFFFFF; background-color:var(--e-global-color-secondary ); width:40px; height:40px; display:flex; align-items:center; justify-content:center; transition:all 0.3s; box-shadow:0px 0px 10px 0px rgb(0 0 0 / 50%); text-decoration:none; border-radius:50%; } body #fullscreen .fullscreen-content .fullscreen-content-inner .fullscreen-close:hover { color:var(--e-global-color-secondary ); background-color:#EBEBEB; text-decoration:none; } @media (min-width:1024px) { body #fullscreen .fullscreen-content { padding:100px 20px; } } /* * fullscreen loader * ----------------------------------------------------------------------------- */ body #fullscreen-loader { position:fixed; z-index:-109999; left:0; right:0; top:0; bottom:0; width:100%; height:100%; overflow:auto; background:rgba(0,0,0,0.5); opacity:0; } body #fullscreen-loader .loader1 { width:100px; position:absolute; left:calc(50% - 50px); top:calc(50%); } body #fullscreen-loader .loader2 { width:100px; position:absolute; left:calc(50% - 90px); top:calc(50% - 50px); } body #fullscreen-loader .loader3 { width:100px; position:absolute; left:calc(50% - 10px); top:calc(50% - 50px); } body #fullscreen-loader .spin-animation { animation:spin 3s linear infinite; } @keyframes spin { 100% { transform:rotate(360deg); } } /* * Footer signup form * ----------------------------------------------------------------------------- */ body div.footer-newsletter-signup-form > form.wpforms-form { display:flex; justify-content:center; align-items:center; flex-direction:column; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-field-container { display:flex; align-items:center; margin:0; padding:0; flex-direction:column; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-field-container .wpforms-field { padding:0; width:100%; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-field-container .wpforms-field .wpforms-field-large { height:46.5px; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-field-container .wpforms-field:not(:first-of-type) { margin:10px 0 0 0; padding:0; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-submit-container { margin:10px 0 0 0; padding:0; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-submit-container button.wpforms-submit { padding:8px 16px; } @media (min-width:1024px) { body div.footer-newsletter-signup-form > form.wpforms-form { flex-direction:row; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-field-container { flex-direction:row; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-field-container .wpforms-field:not(:first-of-type) { margin:0 0 0 10px; padding:0; } body div.footer-newsletter-signup-form > form.wpforms-form .wpforms-submit-container { margin:0 0 0 10px; padding:0; } } /* * Popup signup form * ----------------------------------------------------------------------------- */ body .elementor-button-invert div.wpforms-container form.wpforms-form .wpforms-submit-container button.wpforms-submit { color:var(--e-global-color-secondary ); background:#EBEBEB; border:1px #EBEBEB solid; } body .elementor-button-invert div.wpforms-container form.wpforms-form .wpforms-submit-container button.wpforms-submit::after { background-image:url('images/sp-ps_link_arrow.svg'); } body .elementor-button-invert div.wpforms-container form.wpforms-form .wpforms-submit-container button.wpforms-submit:hover { color:#EBEBEB; background:var(--e-global-color-secondary ); border:1px #EBEBEB solid; } body .elementor-button-invert div.wpforms-container form.wpforms-form .wpforms-submit-container button.wpforms-submit:hover::after { background:url('images/sp-ps_link_arrow_neg.svg'); } /* * WP FORMS * ----------------------------------------------------------------------------- */ body div.wpforms-container form.wpforms-form label { font-weight:600; margin-bottom:10px; } body div.wpforms-container form.wpforms-form input[type="text"], body div.wpforms-container form.wpforms-form input[type="date"], body div.wpforms-container form.wpforms-form input[type="datetime"], body div.wpforms-container form.wpforms-form input[type="email"], body div.wpforms-container form.wpforms-form input[type="number"], body div.wpforms-container form.wpforms-form input[type="search"], body div.wpforms-container form.wpforms-form input[type="time"], body div.wpforms-container form.wpforms-form input[type="url"], body div.wpforms-container form.wpforms-form textarea, body div.wpforms-container form.wpforms-form select { border-radius:0; transition:all 0.3s; outline:none; box-sizing:border-box; width:100%; background:#ffffff; border:1px solid #E1E1E1; color:#242424; } body div.wpforms-container form.wpforms-form input[type="text"]:focus, body div.wpforms-container form.wpforms-form input[type="date"]:focus, body div.wpforms-container form.wpforms-form input[type="datetime"]:focus, body div.wpforms-container form.wpforms-form input[type="email"]:focus, body div.wpforms-container form.wpforms-form input[type="number"]:focus, body div.wpforms-container form.wpforms-form input[type="search"]:focus, body div.wpforms-container form.wpforms-form input[type="time"]:focus, body div.wpforms-container form.wpforms-form input[type="url"]:focus, body div.wpforms-container form.wpforms-form textarea:focus, body div.wpforms-container form.wpforms-form select:focus { box-shadow:0 0 5px var(--e-global-color-secondary ); border:1px solid var(--e-global-color-secondary ); } body div.wpforms-container form.wpforms-form .wpforms-field-radio > ul, body div.wpforms-container form.wpforms-form .wpforms-field-checkbox > ul, body div.wpforms-container form.wpforms-form .wpforms-field-payment-multiple > ul, body div.wpforms-container form.wpforms-form .wpforms-field-payment-checkbox > ul { margin:0; padding:0 } body div.wpforms-container form.wpforms-form .wpforms-field-radio > ul > li, body div.wpforms-container form.wpforms-form .wpforms-field-checkbox > ul > li, body div.wpforms-container form.wpforms-form .wpforms-field-payment-multiple > ul > li, body div.wpforms-container form.wpforms-form .wpforms-field-payment-checkbox > ul > li { display:flex; align-items:center; margin-bottom:10px; } body div.wpforms-container form.wpforms-form .wpforms-field-radio > ul > li > label, body div.wpforms-container form.wpforms-form .wpforms-field-checkbox > ul > li > label, body div.wpforms-container form.wpforms-form .wpforms-field-payment-multiple > ul > li > label, body div.wpforms-container form.wpforms-form .wpforms-field-payment-checkbox > ul > li > label { font-weight:normal; margin:0; } body div.wpforms-container form.wpforms-form .wpforms-field-radio > ul > li > input, body div.wpforms-container form.wpforms-form .wpforms-field-checkbox > ul > li > input, body div.wpforms-container form.wpforms-form .wpforms-field-payment-multiple > ul > li > input, body div.wpforms-container form.wpforms-form .wpforms-field-payment-checkbox > ul > li > input { margin:0 10px 0 0; } body div.wpforms-container form.wpforms-form label.wpforms-error, body div.wpforms-container form.wpforms-form label.wpforms-field-sublabel { font-weight:normal; margin-top:5px; font-size:0.75em; } body div.wpforms-container form.wpforms-form button.wpforms-submit { display:inline-flex; align-items:center; color:#EBEBEB; padding:12px 24px; background:var(--e-global-color-secondary ); border:1px var(--e-global-color-secondary ) solid; text-decoration:none; transition:all 0.3s; border-radius:0px; font-size:var(--e-global-typography-text-font-size); outline:none; } body div.wpforms-container form.wpforms-form button.wpforms-submit::after { flex-shrink:0; flex-grow:0; flex-basis:18px; content:''; display:block; margin-left:10px; width:18px; height:18px; background-image:url('images/sp-ps_link_arrow_neg.svg'); background-size:cover; background-repeat:no-repeat; transition:all ease-out 0.3s; } body div.wpforms-container form.wpforms-form button.wpforms-submit:hover { color:var(--e-global-color-secondary ); background:#FFFFFF; text-decoration:none; border:1px var(--e-global-color-secondary ) solid; text-decoration:none; } body div.wpforms-container form.wpforms-form button.wpforms-submit:hover::after { background:url('images/sp-ps_link_arrow.svg'); transform:translate(5px,0); } body .wpforms-confirmation-container-full, div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message){background-color:white;border-color:var(--e-global-color-secondary )} body div.wpforms-container form.wpforms-form img.wpforms-submit-spinner { display:none } /* Fix checkboxes on iOS phones */ @media (max-width:1024px){ body div.wpforms-container form.wpforms-form .wpforms-field-checkbox input{ min-width: 20px; float: right; transform: translate(0px) scale(1.3,1.3); -webkit-transform: translate(0px) scale(1.3,1.3); margin-left:8px!important; } } /* Hide Avanti hints in WPForms */ body div.wpforms-container form.wpforms-form label.wpforms-field-label-inline sub { display:none} .wpforms-submit-container .wpforms-submit.hide-button-until-click{ visibility:hidden; } .wpforms-submit-container .wpforms-submit.hide-button-until-click.show-submit{ visibility:visible; } @media (max-width:550px) { div.wpforms-container-full .wpforms-field-container .wpforms-field-date-time .wpforms-field-date-dropdown-wrap.wpforms-field-medium { width: calc( 100% + 12px) } } /* * Tribe Events * ----------------------------------------------------------------------------- */ html[lang="it-IT"] .tribe-events-calendar-list .tribe-events-calendar-list__event-datetime, html[lang="it-IT"] .tribe-events-single .tribe-event-date-start, html[lang="it-IT"] .tribe-events-single .tribe-event-date-end { text-transform: lowercase !important; } .tec-events-elementor-event-widget__datetime-wrapper { font-size: 2rem; font-weight: 600; line-height:1} @media screen and (max-width: 1050px) { .tec-events-elementor-event-widget__datetime-wrapper { font-size: 1.5rem;} } /* tribe events list widget */ body .tribe-common .tribe-events-widget-events-list__events { border-top:1px #242424 solid; border-bottom:1px #242424 solid; } body .tribe-common .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-row { margin:0; padding:20px 0; } body .tribe-common .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-row:not(:first-of-type) { border-top:1px #242424 solid; } body .tribe-common .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-row .tribe-events-widget-events-list__event-date-tag .tribe-events-widget-events-list__event-date-tag-daynum { font-weight:600; font-size:var(--e-global-typography-50c7de8-font-size); } body .tribe-common .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-row .tribe-events-widget-events-list__event-details { margin-left:10px; } body .tribe-common .tribe-events-widget-events-list__events .tribe-events-widget-events-list__event-row .tribe-events-widget-events-list__event-details .tribe-events-widget-events-list__event-title { font-size:font-size:var(--e-global-typography-50c7de8-font-size); } body .tribe-common .tribe-events-widget-events-list__view-more .tribe-events-widget-events-list__view-more-link { display:inline-flex; align-items:center; color:var(--e-global-color-secondary ); padding:12px 24px; background:#EBEBEB; border:1px #EBEBEB solid; text-decoration:none; transition:all 0.3s; border-radius:0px; font-size:var(--e-global-typography-text-font-size); outline:none; } body .tribe-common .tribe-events-widget-events-list__view-more .tribe-events-widget-events-list__view-more-link::after { flex-shrink:0; flex-grow:0; flex-basis:18px; content:''; display:block; margin-left:10px; width:18px; height:18px; background-image:url('images/sp-ps_link_arrow.svg'); background-size:cover; background-repeat:no-repeat; transition:all ease-out 0.3s; } body .tribe-common .tribe-events-widget-events-list__view-more .tribe-events-widget-events-list__view-more-link:hover { color:#FFFFFF; background:var(--e-global-color-secondary ); text-decoration:none; border:1px var(--e-global-color-secondary ) solid; text-decoration:none; } body .tribe-common .tribe-events-widget-events-list__view-more .tribe-events-widget-events-list__view-more-link:hover::after { background:url('images/sp-ps_link_arrow_neg.svg'); transform:translate(5px,0); } /* tribe events calendar */ body .tribe-common.tribe-events .tribe-events-l-container { padding:0; } body .tribe-common.tribe-events .tribe-events-l-container .tribe-common-c-btn.tribe-events-c-search__button { color:#FFFFFF; font-weight:normal; } body .tribe-common.tribe-events .tribe-events-l-container .tribe-events-c-view-selector__list-item--active .tribe-events-c-view-selector__list-item-text { font-weight:normal; } body .tribe-common.tribe-events .tribe-events-l-container .tribe-events-calendar-list__event-title-link { color:var(--e-global-color-secondary ); border:0; } body .tribe-common.tribe-events .tribe-events-l-container .tribe-events-calendar-list__event-title-link:hover { color:var(--e-global-color-secondary ); border:0; text-decoration:underline; } body .tribe-common.tribe-events .tribe-events-l-container .tribe-events-calendar-list__event-title-link:visited { color:var(--e-global-color-secondary ); border:0; } body .tribe-common.tribe-events .tribe-events-l-container .tribe-common-c-btn-border { font-weight:normal; } /* tribe events single page */ body .tribe-events-notices { border:1px #EBEBEB solid; background:#EBEBEB; padding:15px; } body .tribe-events-notices ul { list-style:none; margin:0; padding:0; } body.single-tribe_events .tribe-events-single-event-title { font-size:var(--e-global-typography-secondary-font-size); color:var(--e-global-color-text); } body.single-tribe_events .tribe-events-schedule > h2 { font-size:var(--e-global-typography-50c7de8-font-size); } body.single-tribe_events .tribe-events-single-section-title { font-size:var(--e-global-typography-50c7de8-font-size); } body.single-tribe_events #tribe-events-footer { display:none; } body.single-tribe_events .tribe-events-single-section.tribe-events-event-meta { display:none; } body.single-tribe_events .tribe-events-content ol, body.single-tribe_events .tribe-events-content ul{ padding:revert } body.single-tribe_events .tribe-events-content ol.attachments, body.single-tribe_events .tribe-events-content ul.attachments{ padding:0px; list-style-type: none } /* tribe events buttons */ body .tribe-events-c-subscribe-dropdown__container {} body .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown { font-size:16px; } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border { color:var(--e-global-color-secondary ); font-family:inherit; font-size:inherit; line-height:inherit; font-weight:inherit; font-weight:inherit; border:0; cursor:pointer; display:block; height:auto; padding:0; text-decoration:none; width:auto; background-color:#ffffff; border:1px solid var(--e-global-color-secondary ); border-radius:0; text-align:center; transition:all 0.2s ease; padding:11px 20px; width:100%; } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border .tribe-events-c-subscribe-dropdown__button-text { transition:all 0.2s ease; background-color:transparent; border:0; box-sizing:border-box; color:var(--e-global-color-secondary ); cursor:pointer; display:inline-block; font-family:inherit; font-size:inherit; font-style:normal; font-weight:inherit; line-height:normal; margin:0; padding:0; text-align:center; text-transform:none; white-space:nowrap; } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border .tribe-common-c-svgicon--cal-export { display:none; } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border:hover { color:#ffffff; background:var(--e-global-color-secondary ); } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border:focus { color:#ffffff; background:var(--e-global-color-secondary ); } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border:focus-within { color:#ffffff; background:var(--e-global-color-secondary ); } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border:hover .tribe-events-c-subscribe-dropdown__button-text { color:#ffffff; background:transparent; } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border:focus-within .tribe-events-c-subscribe-dropdown__button-text { color:#ffffff; background:transparent; } body .tribe-events-c-subscribe-dropdown__container .tribe-common-c-btn-border:focus .tribe-events-c-subscribe-dropdown__button-text { color:#ffffff; background:transparent; } body .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown__content { border:0; box-sizing:border-box; color:rgb(36, 36, 36); display:none; font-family:inherit; font-size:inherit; font-weight:inherit; line-height:1.3; margin:0; padding:0; } body .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list { background:#ffffff; border:0.6px rgb(228, 228, 228) solid; box-shadow:rgba(0, 0, 0, 0.14) 0px 2px 5px 0px; box-sizing:border-box; color:#242424; font-family:inherit; font-size:inherit; font-weight:inherit; line-height:2; margin:0; outline-style:none; padding:8px; vertical-align:baseline; width:auto; z-index:30; } body .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item { background:transparent; border:0; box-sizing:border-box; color:rgb(20, 24, 39); font-family:inherit; font-size:inherit; font-weight:inherit; line-height:1.3; margin:0; outline-style:none; padding:4px; text-align:left; vertical-align:baseline; } body .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item:hover { color:#ffffff; background:#EBEBEB; } body .tribe-events-c-subscribe-dropdown__container .tribe-events-c-subscribe-dropdown__content .tribe-events-c-subscribe-dropdown__list .tribe-events-c-subscribe-dropdown__list-item .tribe-events-c-subscribe-dropdown__list-item-link { background-color:transparent; border:0; box-shadow:none; box-sizing:border-box; color:rgb(20, 24, 39); cursor:pointer; display:inline-block; font-family:inherit; font-size:inherit; font-weight:inherit; line-height:2; margin:0; outline-style:none; padding:0 16px; text-align:left; width:100%; text-decoration:none; } /* tribe events messages */ body .tribe-common.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message { border:1px #EBEBEB solid; background:#EBEBEB; padding:15px; } body .tribe-common.tribe-events-widget .tribe-events-widget-events-list .tribe-events-c-messages__message ul { list-style:none; margin:0 0 0 10px; padding:0; } body .tribe-events-c-messages__message-list .tribe-events-c-messages__message-list-item a { font-size:inherit; font-weight:inherit; } /* tribe events calendar title */ body .tribe-events-calendar-month .tribe-events-calendar-month__calendar-event-title { font-size:13px; hyphens:auto; } body .tribe-events-calendar-month .tribe-events-calendar-month__calendar-event-title > a { font-size:inherit; font-weight:inherit; } /** Gallery (Events pages) **/ body.single-tribe_events figure.gallery-item { display: inline-block; } body.single-tribe_events .gallery figcaption { padding: 0; } /** shortcode list **/ .elementor-widget-container .tribe-common.tribe-events-view--shortcode .tribe-events-l-container { min-height: 0px; } /* elementor wp-widgets */ .elementor-widget-container > h5 { display:none; } /* elementor single post section margin fix (wenn vergessen wird, section auf no-gap zu stellen) */ .single-post .elementor-widget-theme-post-content > .elementor-widget-container > .elementor > section.elementor-section > .elementor-column-gap-default > .elementor-column > .elementor-element-populated { padding:0; } /* * general for wysiwyg * ----------------------------------------------------------------------------- */ /* ul attachments (tribe events) */ body ul.attachments { border-top:1px #242424 solid; border-bottom:1px #242424 solid; } body ul.attachments li {} body ul.attachments li:not(:first-of-type) { border-top:1px #242424 solid; } body ul.attachments li a { display:flex; flex-wrap:nowrap; flex-direction:row; align-items:center; padding:20px 10px; color:#242424; margin-right:10px; transition:all 0.3s; } body ul.attachments li a::after { flex-shrink:0; flex-grow:0; flex-basis:18px; content:''; display:block; margin-left:auto; width:18px; height:18px; background-image:url('images/sp-ps_link_arrow.svg'); background-size:cover; background-repeat:no-repeat; transition:all ease-out 0.3s; } body ul.attachments li a:hover { color:var(--e-global-color-secondary ); } body ul.attachments li a:hover::after { color:var(--e-global-color-secondary ); transform: translate(5px,0); } body ul.attachments li a[rel=download]::after { background-image:url('images/sp-ps_download_arrow.svg'); } body ul.attachments li a[rel=download]:hover::after { background-image:url('images/sp-ps_download_arrow_neg.svg'); } /* * general for listings * ----------------------------------------------------------------------------- */ .elementor-post__excerpt p:after{ content: "\00a0..." } /* * buttons (elementor) * ----------------------------------------------------------------------------- */ body a.sp-button { position:relative; display:inline-flex; align-items:center; color:var(--e-global-color-secondary ); padding:12px 24px; background:#EBEBEB; border:1px #EBEBEB solid; text-decoration:none; transition:all 0.3s; } body a.sp-button::after { flex-shrink:0; flex-grow:0; flex-basis:18px; content:''; display:block; margin-left:10px; width:18px; height:18px; background-image:url('images/sp-ps_link_arrow.svg'); background-size:cover; background-repeat:no-repeat; transition:all ease-out 0.3s; } body a.sp-button:hover { color:#ffffff; background:var(--e-global-color-secondary ); text-decoration:none; border:1px #EBEBEB solid; text-decoration:none; } body a.sp-button:hover::after { background:url('images/sp-ps_link_arrow_neg.svg'); transform:translate(5px,0); } body a.sp-button.sp-button-download::after { background-image:url('images/sp-ps_download_arrow.svg'); } body a.sp-button.sp-button-download:hover::after { background-image:url('images/sp-ps_download_arrow_neg.svg'); } body a.sp-button.sp-button-leichte-sprache::after { background-image:url('images/sp-ps_leichte_sprache.svg'); } body a.sp-button.sp-button-leichte-sprache:hover::after { background-image:url('images/sp-ps_leichte_sprache_neg.svg'); } /** demovox **/ form.demovox label, form.contribution-form label{ font-weight: 700; font-size: 16px; } form.demovox input, form contribution-form input, form.contribution-form input{ border-color:rgb(225,225,225); border-radius:0px!important; } form.demovox span.select2-selection, form.contribution-form input{ height: 38px; line-height: 38px!important; border-color:rgb(225,225,225); border-radius:0px!important; } form.demovox span.select2-selection__arrow{ height: 38px!important; } form.demovox label.form-check-label{ font-weight:400; } form.demovox input.form-submit, #demovox-buttons button{ background-color:rgb(228,0,4); color:white!important; font-weight:700; margin-top:15px } #demovox-buttons > button{ color:white; hyphens: auto; word-wrap: break-word; white-space: break-spaces; } /* * Accordion * ----------------------------------------------------------------------------- */ body .elementor-accordion-item a.elementor-accordion-title, body .elementor-accordion-item .elementor-accordion-icon{font-size:110%; font-weight:600; line-height:initial} /* * Videos * ----------------------------------------------------------------------------- */ body .elementor-widget-container .title-text-wrapper .videoblog-separator p{ margin-bottom:0px} body .elementor-widget-container .videoblog-kanal div.button-list-text {font-weight:600} body .lyte-wrapper{width:100%!important; margin:0px!important} /* * Neumitgliederformular * ----------------------------------------------------------------------------- */ body .wpforms-form .neumitglied-alter{ display:none; } /* * Verschönerte Testimonials */ .quotes.banner .quote blockquote{ hyphens: auto; } .quotes.banner .quote { display: flex; max-width: 1400px; margin-left: auto!important; margin-right: auto!important; margin-top: 40px; margin-bottom: 40px; width: 100%; } @media screen and (min-width: 1400px) { .quotes.banner .quote { margin-left: auto; margin-right: auto; max-height: 600px; } } .quotes.banner .quote__imgContainer { position: relative; min-width: 40%; width: 40%; @media screen and (min-width: 1400px) { min-width: 30%; width: 30%; } } .quotes.banner .quote__svg { position: absolute; top: -10px; left: -10px; z-index: 1; height: clamp(60px, 7vw, 100px); width: auto; } .quotes.banner .quote__img { object-fit: cover; width: 100%; height: 100%; } .quotes.banner .quote__textContainer { background-color: #f7f7f7; color: black; padding: clamp(20px, 4vw, 50px); display: flex; flex-direction: column; gap: 1em; } .quotes.banner .quote__quote { margin: 0; } .quote.banner .quote__button { margin-left: auto; rotate: 20deg; } @media screen and (min-width: 1400px) { .quotes.banner .quote__quote { font-size: 150%; } } .quotes.banner .quote__caption { padding-top: 2em; margin-top: auto; display: flex; font-style: normal; flex-direction: column; } @media screen and (min-width: 1400px) { .quotes.banner .quote__caption { align-items: flex-end; } } .quotes.banner .quote__name { text-transform: uppercase; letter-spacing: 0.05em; } .quotes.banner .quote__description { letter-spacing: 0.05em; margin-top: 0.2em; } .quotes.banner .quote__button { margin-top: auto; padding-top: 2rem; } :root { --quotescolumns: 5; } @media screen and (max-width: 1600px) { :root { --quotescolumns: 4; } } @media screen and (max-width: 1200px) { :root { --quotescolumns: 3; } } @media screen and (max-width: 768px) { :root { --quotescolumns: 2; } } @media screen and (max-width: 480px) { :root { --quotescolumns: 1; } } .quotes.elegant { margin-top: clamp(10px, 3vw, 50px); margin-bottom: clamp(10px, 3vw, 50px); width: 100%; max-width: 1600px; padding-left: 30px; padding-right: 30px; margin-left: auto; margin-right: auto; } @media screen and (min-width: 1020px) { .quotes.elegant { width: 90%; } } .quotes.elegant .quotes-items { display: grid; grid-template-columns: repeat(var(--quotescolumns), 1fr); gap: clamp(10px, 3vw, 50px); } .quotes.elegant .quotes-items .quote__item { margin: 0; display: flex; flex-direction: column; height: 100%; } .quotes.elegant .quotes-items .quote__imgContainer { position: relative; } .quotes.elegant .quotes-items .quote__img { aspect-ratio: 1 / 1; display: block; object-fit: cover; max-width: 100%; height: auto; } .quotes.elegant .quotes-items .quote__caption { position: absolute; left: 0; right: 0; bottom: calc(clamp(10px, 2vw, 24px) / -1); display: flex; flex-direction: column; padding: clamp(10px, 2vw, 24px); padding-bottom: calc(clamp(10px, 2vw, 24px) / 2); color: white; z-index: 1; } .quotes.elegant .quotes-items .quote__caption:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: linear-gradient( 180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.1) 10%, rgba(0, 0, 0, 0.7) 35%, rgba(0, 0, 0, 0.9) 60%, rgba(0, 0, 0, 1) 80% ); } .quotes.elegant .quotes-items .quote__name { font-size: 90%; text-transform: uppercase; letter-spacing: 0.05em; margin-bottom: 5px; font-style: normal; } .quotes.elegant .quotes-items .quote__description { font-size: 85%; letter-spacing: 0.05em; } .quotes.elegant .quotes-items .quote__quote { position: relative; background-color: #f7f7f7; margin: 0px; padding: clamp(10px, 2vw, 24px); padding-top: calc(clamp(10px, 2vw, 24px) * 2); flex-grow: 1; } .quotes.elegant .quotes-items .quote__quoteSVG { position: absolute; left: calc(clamp(10px, 2vw, 24px) / 2); top: calc(clamp(10px, 2vw, 24px) * 1.5); width: calc(clamp(10px, 2vw, 24px) * 2.5); height: calc(clamp(10px, 2vw, 24px) * 2.5); } .quotes.elegant .quotes-items .quote__quoteText, .quotes.elegant .quotes-items .quote__quoteText p p { margin: 0; position: relative; z-index: 1; font-size: 85%; line-height: 1.15; } .hidden { display:none } .clearfix::after { content: ""; clear: both; display: table; } .elementor-widget-image figcaption.wp-caption-text{ margin-top: 10px; font-size: medium; } blockquote { background: #f9f9f9; margin: 1.5em 10px; padding: 0.5em 10px; quotes: "\201C""\201D""\2018""\2019"; } blockquote:before { color: #ccc; font-size: 4em; line-height: 0.1em; margin-right: 0.25em; vertical-align: -0.4em; } blockquote p { display: inline; } .quotes.elegant .quote__quote { display: flex; flex-direction: column; height: 100%; justify-content: stretch; } .quotes.elegant .quote__quoteInner { display: flex; flex-direction: column; justify-content: space-between; height: 100%; } .quotes.elegant .quote__button { margin-top: auto; padding-top: 1rem; } /*Section*/ .section-grid-wrapper { width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 20px; } .section-grid-title { margin-bottom: 30px; } .section-grid-text { margin-bottom: 40px; } .section-grid { width: 100%; } .section-grid-items { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 30px; width: 100%; } .section-grid-item { position: relative; display: flex; flex-direction: column; background: none; border: none; transition: all 0.3s ease; overflow: hidden; } .section-grid-item:hover { transform: scale(1.05); } .section-grid-item__image { position: relative; width: 100%; aspect-ratio: 16 / 9; overflow: hidden; display: block; background-color: transparent; } .section-grid-item__image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.3s ease; display: block; position: absolute; top: 0; left: 0; } .no-image-inner { background-color: transparent; } .section-grid-item__image img:hover { transform: scale(1.05); z-index: 2; } .section-grid-item__image::before { content: ""; position: absolute; inset: 0; z-index: 1; } .section-grid-item__image:hover img { transform: scale(1.05); z-index: 2; } .section-grid-item__content { padding: 20px; flex: 1; display: flex; flex-direction: column; } .section-grid-item__title { font-size: var(--e-global-typography-50c7de8-font-size); font-weight: 600; margin: 0 auto; padding: 15px 0 0 0; text-align: center; display: block; } .section-grid-item__text { margin: 0 0 20px 0; color: #242424; line-height: 1.5; } .section-grid-item__button { margin-top: auto; } .section-grid-item.left { flex-direction: row; } .section-grid-item.left .section-grid-item__image { width: 40%; padding-top: 0; } .section-grid-item.left .section-grid-item__content { width: 60%; } .section-grid-item.right { flex-direction: row-reverse; } .section-grid-item.right .section-grid-item__image { width: 40%; padding-top: 0; } .section-grid-item.right .section-grid-item__content { width: 60%; } .section-grid-item__image.no-image { aspect-ratio: 1 / 1; display: flex; justify-content: center; align-items: center; width: 100%; position: relative; border: 1px solid #ccc; box-sizing: border-box; } .section-grid-item__title.no-image-title { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #000; font-size: 2.5rem; margin: 0; text-align: center; text-transform: uppercase; line-height: 1; } @media (max-width: 768px) { .section-grid-item.left, .section-grid-item.right { flex-direction: column; } .section-grid-item.left .section-grid-item__image, .section-grid-item.right .section-grid-item__image { width: 100%; padding-top: 56.25%; } .section-grid-item.left .section-grid-item__content, .section-grid-item.right .section-grid-item__content { width: 100%; } } .ballot-widget-wrapper { font-family: system-ui, sans-serif; margin: 20px 0; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); padding: 16px; border: 1px solid #ddd; /*rotate: -5deg;*/ } .ballot-title { margin-bottom: 16px; text-align: center; } .ballot-container { border: 1px solid #ddd; border-radius: 12px; padding: 16px; background: #fff; } .ballot-row { display: flex; align-items: center; justify-content: flex-start; padding: 10px 12px; border: 1px solid #ccc; border-radius: 8px; margin-bottom: 10px; background-color: #f9f9f9; } .ballot-number { font-weight: bold; font-size: 14px; width: 30px; text-align: center; margin-right: 16px; background-color: #eee; border-radius: 6px; padding: 4px; } .ballot-name { font-size: 14px; flex-grow: 1; } .ballot-header { display: flex; justify-content: space-between; align-items: start; margin-bottom: 20px; gap: 12px; } .ballot-info-box { display: flex; flex-direction: column; justify-content: space-between; border: 1px solid #ccc; border-radius: 10px; padding: 12px; flex: 1; max-width: 30%; background-color: #f8f8f8; } .ballot-list-title { font-weight: bold; font-size: 16px; margin-bottom: 8px; } .ballot-list-number { font-size: 3rem; font-weight: 600; text-align: center; background-color: #eee; padding: 8px; border-radius: 6px; } .ballot-image { flex: 1; max-width: 20%; display: flex; align-items: end; justify-content: center; } .ballot-image img { max-width: 100%; height: auto; /*border-radius: 12px !important;*/ object-fit: contain; } /* Responsive ballot styles */ @media (max-width: 768px) { .ballot-info-box { margin-bottom: 12px; max-width: 40%; height: auto; padding: 10px; } .ballot-container { padding: 12px; justify-content: space-between; } .ballot-row { align-items: flex-start; padding: 8px; gap: 4px; } .ballot-list-number { width: auto; flex: 1; align-content: center; padding: 4px 6px; } .ballot-name { font-size: 14px; align-self: center; } .ballot-title { font-size: 18px; } .ballot-list-title { font-size: 14px; } .ballot-list-number { /*//font-size: 16px;*/ padding: 6px; } .ballot-image { max-width: 30%; flex: 1; display: flex; align-items: end; justify-content: center; } .ballot-image img { margin-bottom: 12px; max-width: 40%; padding: 10px; height: auto; object-fit: contain; align-self: flex-end; } } align-items:start