/* Theme Name: Rieselfelder Theme URI: Version: 1.0 Description: Dieses Template ist das Template der Grünen Münster. Text Domain: rieselfelder-theme Author: Grüne Münster Author URI: https://gruene-muenster.de template: bb-theme */ @import url('webfonts.css'); @import url('animate.min.css'); /* Add your custom styles here... */ :root { --red: #ef233c; --darkred: #c00424; --platinum: #e5e5e5; --black: #2b2d42; --white: #fff; --thumb: #edf2f4; } /* General Styles */ h1, h2, h3, h4, h5 { letter-spacing: 0.2pt !important; } h6 {font-family: "PT Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";} button, button:hover, button:focus { border: none; } /* Posts */ .fl-post-thumb { display: inline-block; } /* Person + Success */ .person-single .fl-post-header, .success-single .fl-post-header { display: flex; background: #f2f2f2; margin-top: 60px; gap: 2em; padding: 2em; padding-bottom: 1em; } .person-single .fl-post-thumb, .success-single .fl-post-thumb { width: 33.33%; margin-top: -60px; } .person-single .fl-post-thumb, .person-single .fl-post-thumb img, .success-single .fl-post-thumb, .success-single .fl-post-thumb img { aspect-ratio: 5 / 4; height: auto } .person-single .fl-post-header .meta-box, .success-single .fl-post-header .meta-box { display: grid; grid-auto-rows: max-content; /* Jede Zeile passt sich der Höhe des Inhalts an */ row-gap: 1em; } .person-single .fl-post-header .meta-box h1, .success-single .fl-post-header .meta-box h1 { display: inline-block; padding-right: 0.25em; } .person-single .fl-post-header .meta-box .pronouns { font-style: italic; color: #005437; } .person-single .fl-post-header .meta { margin-top: -0.25em; font-size: 16px; } .person-single .fl-post-header .meta-box .social-media { margin-top: 0.5em; display: flex; gap: 0.5em; font-size: 2em; } @media screen and (max-width:767px) { .person-single .fl-post-thumb, .success-single .fl-post-thumb { width: 66.66%; margin-bottom: 0; } .person-single .fl-post-header, .success-single .fl-post-header { flex-direction: column; gap: 1em;} } .divider { display: block; /* Damit der span als Block-Element angezeigt wird */ width: 2em; /* Festlegung der Breite auf 2em */ height: 2px; /* Höhe der Linie */ background-color: #005437; /* Farbe der Linie (anpassbar) */ margin: 0em 0; /* Optional: Abstand nach oben und unten */ } .fl-post-carousel-image img { aspect-ratio: 5 / 4; object-fit: cover; } /* ERFOLGE SLIDER */ /* .success-container { max-width: 1400px; padding: 0 15px; margin: 0 auto; }*/ .single-success .fl-post { max-width: 800px; font-size: 16px; margin: auto; position: relative; hyphens: auto; } .success-cards h3 { font-family: PT Sans; } .success-cards { display: flex; padding: 25px 0px; list-style: none; overflow-x: scroll; scroll-snap-type: x mandatory; } .success-card { display: flex; flex-direction: column; flex: 0 0 100%; padding: 20px; background: white; /*border-radius: 12px;*/ box-shadow: 0 2px 5px rgba(0, 0, 0, 10%); scroll-snap-align: start; transition: all 0.2s; } .success-card:not(:last-child) { margin-right: 10px; } .success-card:hover, .success-card:hover h3 { color: white; background: #005538; } .success-card .success-card-title { font-size: 20px; } .success-card .success-card-content { margin: 20px 0; max-width: 85%; } .success-card .success-card-link-wrapper { margin-top: auto; } .success-card .success-card-link { display: inline-block; text-decoration: none; color: white; background: #005538; padding: 6px 12px; border-radius: 8px; transition: background 0.2s; } .success-card:hover .success-card-link { background: #008939; } .success-cards::-webkit-scrollbar { height: 12px; } .success-cards::-webkit-scrollbar-thumb, .success-cards::-webkit-scrollbar-track { border-radius: 92px; } .success-cards::-webkit-scrollbar-thumb { background: #777;; } .success-cards::-webkit-scrollbar-track { background: #ccc; } @media (min-width: 500px) { .success-card { flex-basis: calc(50% - 10px); } .success-card:not(:last-child) { margin-right: 20px; } } @media (min-width: 700px) { .success-card { flex-basis: calc(calc(100% / 3) - 20px); } .success-card:not(:last-child) { margin-right: 30px; } } /*@media (min-width: 1100px) { .success-card { flex-basis: calc(25% - 30px); } .success-card:not(:last-child) { margin-right: 40px; } }*/ /* WPML */ .wpml-ls-legacy-dropdown { width: auto; margin-top: -16px; margin-bottom: -10px; margin-left: -6px; height: 54px; } .wpml-ls-legacy-dropdown a { background: transparent; border: none; padding-bottom: 15px; padding-top: 14px; padding-left: 14px; padding-right: 14px !important; } .wpml-ls-legacy-dropdown .wpml-ls-current-language:hover > a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover { background: #fefefe ; border: none; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a { background: #fefefe; opacity: 0.95; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a:hover { background: #fefefe; opacity: 1; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu { border-top: none; } .wpml-ls-legacy-dropdown .wpml-ls-sub-menu:has(li) { border-top: 1px solid; border-color: rgba(60,60,60,0.1); } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after { display: none; } .wpml-ls-legacy-dropdown a.wpml-ls-item-toggle { padding-right: 10px; } @media screen and (max-width:767px) { .wpml-ls-legacy-dropdown { width: auto; margin-top: -16px; margin-bottom: -10px; margin-left: -10px; margin-right: -8px; height: 5px; } .wpml-ls-legacy-dropdown a { background: transparent; border: none; padding-bottom: 13px; padding-top: 14px; padding-left: 14px; padding-right: 14px !important; } .wpml-ls-legacy-dropdown a img { height: 18px !important; } } /*************************************************************/