@charset "UTF-8";
.vc_row {
margin-left: 0 !important;
margin-right: 0 !important;
}
.vc_column_container>.vc_column-inner {
padding-left: 0 !important;
padding-right: 0 !important;
}  @font-face {
font-family: "Yrsa";
src: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/Yrsa/Yrsa.woff2) format("woff2"), url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/Yrsa/Yrsa.woff) format("woff"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/Yrsa/Yrsa.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fira Sans";
src: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Regular.woff2) format("woff2"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Regular.woff) format("woff"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fira Sans";
src: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Medium.ttf) format("truetype");
font-weight: 500;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fira Sans";
src: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Bold.woff2) format("woff2"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Bold.woff) format("woff"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Fira Sans";
src: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Italic.woff) format("woff2"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Italic.woff2) format("woff"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-Italic.ttf) format("truetype");
font-weight: 400;
font-style: italic;
font-display: swap;
}
@font-face {
font-family: "Fira Sans";
src: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-BoldItalic.woff2) format("woff2"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-BoldItalic.woff) format("woff"),
url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/fonts/FiraSans/FiraSans-BoldItalic.ttf) format("truetype");
font-weight: 700;
font-style: italic;
font-display: swap;
}  :root {
--background-primary: #ffffff;
--background-secondary: #f5f5f5;
--text-primary: #1a1a1a;
--text-secondary: #ffffff;
--accent-color: #c7d300;
--accent-secondary: #ebedb2;
--light-green: #dddc00;
--light-gray: #adacac;
--gray: #617179;
--black: #000000;
--danger: #dc3545;
--danger-dark: #842029;
--button-default-hover: #e1dfdf;
--button-hover: #bdc800;
--background-dark: #4d5a61;
--background-darker: #394349;
--container-padding: 2rem;
--default-transition-duration: 0.3s;
--default-module-spacing: 48px;
--content-max-width: 847px;
--default-scroll-padding-top: 220px;
}
@media (max-width: 1024px) {
:root {
--container-padding: 1.5rem;
--default-scroll-padding-top: 110px;
}
}
@media (max-width: 768px) {
:root {
--container-padding: 1rem;
}
}  html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
strong {
font-weight: bold;
}
em {
font-style: italic;
}
sup {
position: relative;
vertical-align: baseline;
top: -0.5em;
font-size: 10px;
}
sub {
position: relative;
vertical-align: baseline;
top: 0.4em;
font-size: 10px;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block;
}
body {
line-height: 1;
}
ol {
list-style: decimal;
}
ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: "";
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}  [data-module] {
margin-bottom: 48px;
}
.container,
[data-module]:not(.full-width)>.module-content {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
padding-left: var(--container-padding);
padding-right: var(--container-padding);
} [data-module]:not(.full-width) [data-module]:not(.full-width)>.module-content {
max-width: none;
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
}
.no-scroll {
overflow: hidden;
}
.bg-primary {
background-color: var(--background-primary);
}
.bg-secondary {
background-color: var(--background-secondary);
}
body,
p,
span,
a,
h1,
h2,
h3,
h4,
h5,
h6,
li,
div {
color: var(--text-primary);
}
.filter-tabs button {
font-family: "Fira Sans";
}
body {
color: var(--text-primary);
font-family: "Fira Sans";
font-size: 1rem;
line-height: 1.6;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: "Yrsa";
line-height: 1.2;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
max-width: var(--content-max-width);
margin-bottom: 0.5em;
}
button {
color: var(--text-primary);
}
body.home h1 {
font-size: 5rem;
}
body.home h2 {
font-size: 4rem;
}
h1 {
font-size: 4rem;
line-height: 1;
}
h2 {
font-size: 2.5rem;
line-height: 1;
}
h3 {
font-size: 1.875rem;
line-height: normal;
}
h4 {
font-size: 1.5rem;
line-height: normal;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
}
h5 {
font-size: 1.25rem;
line-height: normal;
hyphens: auto;
word-break: break-word;
overflow-wrap: break-word;
}
h6 {
font-size: 1.125rem;
line-height: normal;
}
p {
font-size: 1rem;
line-height: 1.6;
}
.p-l {
font-size: 1.125rem;
line-height: 1.6;
}
.p-s {
font-size: 0.875rem;
line-height: 1.6;
}
.entry-title {
margin-bottom: 24px;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.badge-list svg {
width: 20px;
height: 20px;
} .badge {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.875rem;
line-height: 1.5;
padding: 3px 8px 2px 8px;
text-transform: uppercase;
color: var(--text-primary);
transition: all 0.3s ease;
}
.badge--white {
background-color: var(--background-primary);
}
.badge--gray {
background-color: var(--background-secondary);
}
body:not(.touch-device) .group:hover .badge {
background-color: var(--accent-secondary) !important;
}
.badge.rne-event {
position: relative;
padding-left: 24px;
background-color: var(--accent-secondary) !important;
}
.badge.rne-event::before {
content: "";
position: absolute;
left: 8px;
top: 50%;
transform: translateY(-50%);
width: 10px;
height: 10px;
margin-right: 4px;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/rne_tinylogo.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
} body.home section[data-module]:nth-of-type(odd) .badge {
background-color: var(--background-primary);
}
body.home section[data-module]:nth-of-type(even) .badge {
background-color: var(--background-secondary);
} input {
border: 0 none;
padding: 0;
}
input[type="checkbox"],
label {
cursor: pointer;
}
input::-webkit-input-placeholder {
color: var(--text-primary);
font-family: "Fira Sans";
font-size: 1rem;
}
input:-moz-placeholder {
color: var(--text-primary);
font-family: "Fira Sans";
font-size: 1rem;
}
input::-moz-placeholder {
color: var(--text-primary);
font-family: "Fira Sans";
font-size: 1rem;
}
input:-ms-input-placeholder {
color: var(--text-primary);
font-family: "Fira Sans";
font-size: 1rem;
}
input::-ms-input-placeholder {
color: var(--text-primary);
font-family: "Fira Sans";
font-size: 1rem;
}
input::placeholder {
color: var(--text-primary);
font-family: "Fira Sans";
font-size: 1rem;
} #breadcrumbs {
margin-top: 16px;
margin-bottom: 64px;
}
#breadcrumbs>span {
padding: 10px 0;
color: var(--gray);
}
#breadcrumbs a {
color: var(--text-primary);
text-decoration: none;
}
#breadcrumbs a:after {
content: "";
display: inline-block;
width: 10px;
height: 10px;
margin: 0 8px 2px 8px;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/arrow.svg);
transform: rotate(270deg);
color: var(--gray);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
}
body:not(.touch-device) #breadcrumbs a:hover {
color: var(--accent-color);
} section {
padding-top: 112px;
padding-bottom: 112px;
}
body.page:not(.home):not(.page-id-45295):not(.page-id-98641) .vc_column-inner .wpb_wrapper>div:last-of-type:not([data-module="banner"]):not([data-module="newsletter-archive"]),
body.single article,
body.single-project article {
margin-bottom: 112px;
}
body.home .wpb_wrapper section:first-of-type {
padding-top: 72px;
}
body.home section[data-module]:nth-of-type(odd) {
background-color: var(--background-primary);
}
body.home section[data-module]:nth-of-type(even) {
background-color: var(--background-secondary);
}  .icon {
fill: currentColor;
}
.icon use {
color: var(--text-primary);
}  .btn,
.btn span,
button,
button span {
font-family: "Fira Sans";
font-weight: 400;
}
.btn {
display: inline-flex;
position: relative;
box-sizing: border-box;
justify-content: center;
align-items: center;
padding: 12px 28px;
font-family: "Fira Sans";
border: none;
text-decoration: none;
cursor: pointer;
transition: all 0.3s ease;
background-color: var(--background-secondary);
}
.btn span {
font-size: 1rem;
}
body:not(.touch-device) .btn:hover {
background-color: var(--button-default-hover);
}
.btn-icon-left {
padding-left: 28px;
}
.btn-icon-right {
padding-right: 28px;
}
.btn-primary {
position: relative;
background-color: var(--accent-color);
border: 2px solid var(--accent-color);
color: var(--text-primary);
}
body:not(.touch-device) .btn-primary:hover {
background-color: var(--background-primary);
}
.btn-secondary {
border: 2px solid var(--background-secondary);
background-color: var(--background-secondary);
color: var(--text-primary);
}
body:not(.touch-device) .btn-secondary:hover {
border-color: var(--accent-color);
background-color: var(--background-primary);
}
.btn-outline {
background-color: var(--background-primary);
border: 2px solid var(--accent-color);
color: var(--text-primary);
}
body:not(.touch-device) .btn-outline:hover {
background-color: var(--accent-color);
}
.btn::before,
.btn::after {
content: "";
display: none;
width: 32px;
height: 28px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
transition: transform 0.3s ease;
}
.btn-icon-left::before {
display: inline-block;
margin-right: 8px;
order: -1;
}
.btn-icon-right::after {
display: inline-block;
margin-left: 8px;
}
.btn-arrow-right::after {
background-image: url(//www.nachhaltigkeitsrat.de/en//wp-content/themes/rne/assets/images/arrow-right-long.svg);
}
.btn-arrow-left::before {
background-image: url(//www.nachhaltigkeitsrat.de/en//wp-content/themes/rne/assets/images/arrow-right-long.svg);
transform: rotate(180deg);
}
body:not(.touch-device) .btn-icon-left:hover::before {
transform: translateX(-8px) rotate(180deg);
}
body:not(.touch-device) .btn-icon-right:hover::after {
transform: translateX(8px);
}
.btn-loading {
color: transparent !important;
pointer-events: none;
}
.btn-loading::before,
.btn-loading::after {
display: none !important;
}
.btn-text {
color: inherit;
}
.btn-loading .btn-text {
opacity: 0;
}
.btn-loading .spinner {
position: absolute;
width: 16px;
height: 16px;
top: 50%;
left: 50%;
margin-top: -8px;
margin-left: -8px;
border: 3px solid var(--accent-color);
border-radius: 50%;
border-top-color: var(--text-primary);
animation: spin 1s ease-in-out infinite;
}
.loading-spinner {
border: 4px solid #f3f3f3;
border-top: 4px solid var(--accent-color);
border-radius: 50%;
width: 40px;
height: 40px;
animation: spin 1s linear infinite;
margin: 20px auto;
}
@keyframes spin {
to {
transform: rotate(360deg);
}
}
#wpadminbar .display-name {
color: #f0f0f1;
}
ul#wp-admin-bar-root-default>li:not(#wp-admin-bar-edit):not(#wp-admin-bar-wpfc-toolbar-parent),
#wp-admin-bar-search,
#wp-admin-bar-search {
display: none;
}
.screen-reader-text {
border: 0;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal !important;
}  .share-buttons {
display: flex;
flex-direction: row;
gap: 12px;
}
.share-buttons a {
background-color: var(--accent-color);
border-radius: 100px;
width: 32px;
height: 32px;
display: flex;
align-items: center;
justify-content: center;
border: 2px solid var(--accent-color);
transition: all 0.3s ease;
}
.share-buttons a:hover {
background-color: var(--text-secondary);
}
.share-buttons a .icon {
fill: var(--background-primary);
transition: all 0.3s ease;
}
.share-buttons a:hover .icon {
fill: var(--accent-color);
}  body.parent-id-140169 .wpb_wrapper p,
body.parent-id-140169 .wpb_wrapper span,
body.parent-id-140169 .wpb_wrapper a,
body.parent-id-140169 .wpb_wrapper b,
body.parent-id-140169 .wpb_wrapper i,
body.parent-id-140169 .wpb_wrapper li {
font-size: 1.25rem;
}   @media screen and (max-width: 1200px) {}
@media screen and (max-width: 1024px) {
#content {
padding-top: 124px;
}
body.home .wpb_wrapper section:first-of-type {
padding-top: 0;
}
}
@media screen and (max-width: 768px) {
body.page:not(.home):not(.page-id-45295):not(.page-id-98641) .vc_column-inner .wpb_wrapper>div:last-of-type:not([data-module="banner"]):not([data-module="newsletter-archive"]),
body.single article,
body.single-project article {
margin-bottom: 84px;
}
#breadcrumbs {
margin-bottom: 24px;
}
.entry-title {
margin-bottom: 24px;
}
.h1-large {
font-size: 3rem;
}
body.home h1 {
font-size: 3rem;
}
body.home h2 {
font-size: 2.5rem;
}
h1 {
font-size: 2.5rem;
}
h2 {
font-size: 2rem;
}
section {
padding-top: 60px;
padding-bottom: 84px;
}
.wpb_wrapper .section:first-of-type {
padding-top: 24px;
}
}
@media screen and (max-width: 425px) {} .otgs-development-site-front-end {
display: none !important;
}body {
padding-top: 175px;
}
#header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
transition: top 0.3s ease-in-out;
}
#header.topbanner-hidden {
top: -48px;
}
body.admin-bar #header {
top: 32px;
}
#header #branding #site-title {
transition: height 0.3s ease-in-out;
height: 103px;
}
#header #branding #site-title a {
display: inline-block;
}
#header .navheader .brandingmenucontainer {
overflow: hidden;
}
#header.topbanner-hidden #branding #site-title {
height: 58px;
}
#header #branding svg {
height: 84px;
float: left;
}
#header.topbanner-hidden #branding svg .logo-copy-path {
opacity: 0;
}
#header .topbanner {
background-color: var(--accent-color);
padding: 3px 0;
}
#header .topbanner>.container {
display: flex;
flex-direction: row-reverse;
align-items: center;
gap: 37px;
}
#header .topbanner .simple-language {
display: flex;
align-items: center;
}
#header .topbanner .simple-language svg {
width: 16px;
height: 16px;
margin-right: 4px;
}
#header .topbanner .simple-language a {
text-decoration: none;
}
#header .topbanner .simple-language a:hover {
text-decoration: underline;
}
#header .topbanner .language-switch .wpml-ls-legacy-list-horizontal {
max-height: 42px;
overflow: hidden;
}
#header .topbanner .language-switch .wpml-ls-legacy-list-horizontal ul {
display: flex;
align-items: center;
}
#header .topbanner .language-switch .wpml-ls-legacy-list-horizontal .wpml-ls-item {
position: relative;
}
#header .topbanner .language-switch .wpml-ls-legacy-list-horizontal .wpml-ls-item+.wpml-ls-item:after {
height: 14px;
width: 1px;
background-color: var(--text-primary);
content: "";
position: absolute;
left: 0;
top: 0;
}
#header .topbanner .language-switch .wpml-ls-legacy-list-horizontal .wpml-ls-item a {
padding: 0px 10px;
}
#header .topbanner .language-switch .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language a>span {
border-bottom: 2px solid var(--text-primary);
} input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
-webkit-appearance: none;
}
#header .topbanner #search {
border-bottom: 1px solid var(--text-primary);
display: inline-block;
}
#header .topbanner #search .search-form {
position: relative;
}
#header .topbanner #search .search-field {
background-color: transparent;
border-width: 0;
outline: none;
cursor: pointer;
width: 234px;
padding: 6px 24px 4px 6px;
}
#header .topbanner #search .search-field::-webkit-input-placeholder {
color: var(--text-primary);
}
#header .topbanner #search .search-field:-moz-placeholder {
color: var(--text-primary);
}
#header .topbanner #search .search-field::-moz-placeholder {
color: var(--text-primary);
}
#header .topbanner #search .search-field:-ms-input-placeholder {
color: var(--text-primary);
}
#header .topbanner #search .search-field::-ms-input-placeholder {
color: var(--text-primary);
}
#header .topbanner #search .search-field::placeholder {
color: var(--text-primary);
}
#header .topbanner #search .search-field:-webkit-autofill,
#header .topbanner #search .search-field:-webkit-autofill:hover,
#header .topbanner #search .search-field:-webkit-autofill:focus,
#header .topbanner #search .search-field:-webkit-autofill:active {
-webkit-box-shadow: 0 0 0 30px var(--background-primary) inset !important;
}
#header .topbanner #search .search-field:focus,
#header .topbanner #search .search-field:active {
background-color: #ffffff;
}
#header .topbanner #search .search-submit {
background-color: transparent;
border-width: 0;
outline: none;
cursor: pointer;
position: absolute;
top: 6px;
right: 0;
}
#header .topbanner #search .search-submit img {
width: 16px;
}
#header .navheader {
background-color: var(--background-primary);
}
#header .navheader>.container {
display: flex;
flex-direction: row;
justify-content: space-between;
padding-top: 12px;
padding-bottom: 12px;
}
#header .navheader>.container #menu {
margin-top: 44px;
transition: margin 0.3s ease-in-out;
}
#header.topbanner-hidden .navheader>.container #menu {
margin-top: 0;
}
#header #branding svg .logo-copy-path {
opacity: 1;
transition: opacity 0.3s ease-in-out;
}
#header .navheader #menu ul.main-menu {
display: flex;
flex-direction: row;
gap: 24px;
margin-top: 0;
}
#header .navheader #menu ul.main-menu>li {
position: relative;
}
#header .navheader #menu ul.main-menu a {
text-decoration: none;
}
#header .navheader #menu ul.main-menu>li>.menu-item-title>span {
cursor: default;
float: right;
}
#header .navheader #menu ul.main-menu>li>.menu-item-title>span:after {
display: flex;
justify-content: center;
align-items: center;
width: 20px;
height: 20px;
padding-top: 6px;
margin-left: 5px;
transition: transform 150ms ease-out;
content: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/arrow.svg);
float: right;
}
body:not(.touch-device) #header .navheader #menu ul.main-menu>li:hover>.menu-item-title>span:after {
transform: rotate(180deg);
}
#header .navheader #menu ul.main-menu>li>.menu-item-title,
#header .navheader #menu ul.main-menu>li>a {
display: block;
padding: 16px 12px;
}
#header .navheader #menu ul.main-menu li>.menu-item-title>span,
#header .navheader #menu ul.main-menu li>a>span {
border-bottom: 4px solid var(--background-primary);
}
body:not(.touch-device) #header .navheader #menu ul.main-menu li:hover>.menu-item-title>span,
body:not(.touch-device) #header .navheader #menu ul.main-menu li:hover>a>span {
border-bottom: 4px solid var(--accent-color);
}
body:not(.touch-device) #header .navheader #menu ul.main-menu>li>a>span {
display: inline-block;
min-height: 27px;
}
#header .navheader #menu ul.main-menu li.current_page_item>.menu-item-title>span,
#header .navheader #menu ul.main-menu li.current_page_item>a>span {
border-bottom: 4px solid var(--accent-color);
}
#header .navheader #menu ul.main-menu ul.sub-menu {
display: none;
position: absolute;
z-index: 10;
top: 48px;
left: 12px;
background: #fff;
box-shadow: 6px 6px 22px rgba(0, 0, 0, 0.13);
}
#header .navheader #menu ul.main-menu>li:hover ul.sub-menu {
display: block;
}
#header .navheader #menu ul.main-menu ul.sub-menu>li a {
padding: 14px 32px 6px;
display: flex;
}
#header .navheader #menu ul.main-menu ul.sub-menu>li:first-of-type a {
padding-top: 24px;
}
#header .navheader #menu ul.main-menu ul.sub-menu>li:last-of-type a {
padding-bottom: 16px;
}
#header .navheader #menu ul.main-menu ul.sub-menu>li a span {
padding-bottom: 4px;
white-space: nowrap;
}
#header #hamburger-menu {
display: none;
padding: 0;
margin: 0;
border: none;
background-color: transparent;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
#header #hamburger-menu span {
display: block;
width: 25px;
height: 3px;
background-color: var(--accent-color);
margin: 5px 0;
transition: all 0.3s ease-in-out;
}
#header.mobile-menu-open #hamburger-menu span:nth-child(1) {
transform: translateY(8px) rotate(45deg);
}
#header.mobile-menu-open #hamburger-menu span:nth-child(2) {
opacity: 0;
}
#header.mobile-menu-open #hamburger-menu span:nth-child(3) {
transform: translateY(-8px) rotate(-45deg);
}
@media screen and (max-width: 1200px) {
#header .navheader #menu ul.main-menu {
gap: 18px;
}
}
@media screen and (max-width: 1100px) {
#header .navheader #menu ul.main-menu {
gap: 8px;
}
}
@media screen and (max-width: 1024px) {
html {
margin-top: 0 !important;
}
body {
padding-top: 0;
}
#wpadminbar {
display: none;
}
#header {
position: static;
transition: none;
}
body.admin-bar #header {
top: 0px;
}
#header .topbanner,
#header .navheader {
transition: none;
} #header .navheader #menu ul.main-menu li>.menu-item-title>span,
#header .navheader #menu ul.main-menu li>a>span,
body:not(.touch-device) #header .navheader #menu ul.main-menu li:hover>.menu-item-title>span,
body:not(.touch-device) #header .navheader #menu ul.main-menu li:hover>a>span {
border-bottom: none;
}
body:not(.touch-device) #header .navheader #menu ul.main-menu>li:hover>.menu-item-title>span:after {
transform: none;
}
#header .navheader #menu ul.main-menu ul.sub-menu>li a span,
#header .navheader #menu ul.main-menu li>.menu-item-title>span,
#header .navheader #menu ul.main-menu li>a>span,
#header .navheader #menu ul.main-menu li:hover>.menu-item-title>span,
#header .navheader #menu ul.main-menu li:hover>a>span {
border-bottom: none;
padding-bottom: 0;
}
body:not(.touch-device) #header .navheader #menu ul.main-menu li:hover>.menu-item-title>span,
body:not(.touch-device) #header .navheader #menu ul.main-menu li:hover>a>span {
border-bottom: none;
}
#header .navheader #menu ul.main-menu>li>.menu-item-title {
padding: 0;
user-select: none;
}
#header .navheader #menu ul.main-menu {
gap: 36px;
margin-top: 0;
}
#header .navheader #menu ul.main-menu>li>a {
padding: 0;
}
#header .navheader #menu ul.main-menu>li>.menu-item-title>span {
float: none;
padding-bottom: 0;
display: flex;
align-items: center;
}
#header .navheader #menu ul.main-menu ul.sub-menu>li:last-of-type a {
padding-bottom: 0;
}
#header .navheader #menu ul.main-menu ul.sub-menu>li:first-of-type a {
padding-top: 0;
}
#header .navheader #menu ul.main-menu>li:hover ul.sub-menu,
#header .navheader #menu ul.main-menu>li ul.sub-menu {
display: none;
} #header #hamburger-menu {
cursor: pointer;
display: block;
border: none;
background-color: var(--background-primary);
}
#header #hamburger-menu span {
display: block;
width: 25px;
height: 3px;
background-color: var(--accent-color);
margin: 5px 0;
}
#header .header-content {
display: flex;
flex-direction: column;
position: fixed;
width: 100%;
max-height: 100vh;
background-color: var(--background-primary); z-index: 10;
overflow-y: auto;
}
#header.mobile-menu-open .header-content {
height: 100%;
}
#header #branding #site-title {
height: auto;
}
#header .navheader #branding svg {
height: 58px;
}
#header .navheader .brandingmenucontainer {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
padding: 16px var(--container-padding);
box-sizing: border-box;
background-color: var(--background-primary);
z-index: 10;
} #header .navheader {
padding-left: 0;
padding-right: 0;
}
#header.mobile-menu-open .navheader {
padding-top: 108px;
margin-bottom: 48px;
}
#header .navheader>.container {
flex-direction: column;
align-items: center;
}
#header .navheader #menu {
display: none;
width: 100%;
}
#header.mobile-menu-open .navheader #menu {
margin-top: 0;
display: flex;
}
#header .navheader #menu ul.main-menu {
width: 100%;
align-items: start;
flex-direction: column;
padding: 0 var(--container-padding);
}
#header .navheader #menu ul.main-menu>li {
padding-top: 8px;
padding-bottom: 4px;
}
#header .navheader #menu ul.main-menu>li:first-child {
padding-top: 0;
}
#header .navheader #menu ul.main-menu>li:last-child {
padding-bottom: 0;
}
#header .navheader #menu ul.main-menu .menu-item.menu-item-has-children {
width: 100%;
cursor: pointer;
}
#header .navheader #menu ul.main-menu .menu-item-has-children .sub-menu li:first-of-type span {
padding-top: 14px;
}
#header .navheader #menu ul.main-menu .menu-item.menu-item-has-children .menu-item-title span {
cursor: pointer !important;
}
#header .navheader #menu ul.main-menu .menu-item.menu-item-has-children.active>.menu-item-title>span::after {
transform: rotate(180deg) !important;
}
#header .navheader #menu ul.main-menu ul.sub-menu {
position: static;
box-shadow: none;
background: none;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease-out, opacity 0.15s ease-out;
opacity: 0;
padding-top: 0;
padding-bottom: 0;
display: flex;
flex-direction: column;
gap: 24px;
}
#header .navheader #menu ul.main-menu .menu-item-has-children.active .sub-menu {
opacity: 1;
}
#header .navheader #menu ul.main-menu ul.sub-menu>li a {
padding: 0;
} #header .topbanner {
margin-top: auto;
display: none;
order: 2;
}
#header .topbanner .container {
width: 100%;
align-items: start;
flex-direction: column;
}
#header.mobile-menu-open .topbanner {
display: flex;
}
#header.mobile-menu-open .topbanner .container {
padding: 40px var(--container-padding);
gap: 32px;
}
#header.mobile-menu-open .topbanner .container .language-switch {
order: 1;
}
#header.mobile-menu-open .topbanner .container .language-switch .wpml-ls-legacy-list-horizontal {
border: none;
padding: 0;
margin-left: -10px;
}
}#footer {
background-color: var(--background-darker);
padding: 70px 0 30px;
}
#footer * {
color: var(--text-secondary);
}
#footer a {
text-decoration: none;
}
body:not(.touch-device) #footer a:hover {
color: var(--accent-color);
}
#footer .footer-menus {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
}
#footer .footer-menus h5 {
margin-bottom: 16px;
}
#footer .form-item .rne-link span {
border-color: var(--background-primary);
}
body:not(.touch-device) #footer .form-item .rne-link span:hover {
border-color: var(--accent-color);
color: var(--accent-color);
}
#footer .footer-menu-column {
padding-top: 28px;
padding-bottom: 28px;
}
#footer .footer-menu-column .footer-menu {
display: flex;
flex-direction: column;
gap: 16px;
}
#footer .footer-copyright {
display: flex;
flex-direction: row-reverse;
justify-content: center;
gap: 20px;
}
#footer .footer-legal-links a+a {
font-size: 0.875rem;
margin-left: 20px;
}
#footer .footer-top {
display: flex;
justify-content: space-between;
align-items: flex-start;
margin-bottom: 72px;
}
#footer .footer-top .footer-newsletter {
width: 490px;
padding: 28px 36px;
background-color: var(--background-dark);
}
#footer .footer-top .footer-newsletter h5 {
margin-bottom: 16px;
}
#footer .footer-newsletter-input-container {
display: flex;
margin-bottom: 16px;
align-items: end;
}
.footer-newsletter-input-container label[for="newsletter_email"] {
display: none;
}
.footer-newsletter input {
border-color: var(--background-primary);
}
#footer .footer-newsletter input[type="email"] {
height: 48px;
padding: 5px 12px 0;
box-sizing: border-box;
flex: 1;
color: var(--text-primary);
}
#footer .newsletter-signup-confirmation p {
margin-bottom: 16px;
}
#footer .newsletter-email {
flex: 1 auto;
margin-bottom: 0;
}
#footer .newsletter-privacy {
margin-bottom: 16px;
}
#footer .footer-newsletter h2 {
font-size: 1.875rem;
}
#footer form .error-message {
color: var(--danger);
}
#footer .newsletter-subscribe-message {
margin-bottom: 16px;
}
#footer .footer-newsletter .btn {
display: flex;
height: 48px;
color: var(--text-primary);
align-items: center;
min-width: 168px;
}
#footer .footer-newsletter .btn span {
color: var(--text-primary);
font-size: 0.875rem;
}
#footer .footer-contact {
display: flex;
align-items: center;
}
#footer .footer-contact-has-icon {
margin: 8px 0;
}
#footer .rne-checkbox__label p {
margin: 0;
}
#footer .footer-contact-has-icon.email {
margin-bottom: 0;
}
#footer .footer-contact-marker {
margin: 10px 0 18px;
}
#footer svg {
width: 16px;
margin-right: 6px;
}
#footer svg use {
color: var(--accent-color);
}
#footer .footer-nav.footer-contact ul.footer-menu {
margin: 16px 0;
}
#footer #footer-contact .social-links {
display: flex;
align-items: center;
gap: 16px;
}
#footer #footer-contact .social-links>a {
display: flex;
justify-content: center;
align-items: center;
height: 36px;
width: 36px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 50%;
}
body:not(.touch-device) #footer #footer-contact .social-links>a:hover {
background-color: rgba(255, 255, 255, 0.2);
}
#footer #footer-contact .social-links>a>svg {
width: 12px;
height: 12px;
margin-right: 0;
}
#footer #footer-contact .social-links>a>svg use {
color: var(--background-primary);
}
#form_newsletter_subscribe_footer .rne-checkmark {
border: 0 none;
}
#form_newsletter_subscribe_footer .form-item .error-message {
background-color: var(--danger-dark);
color: var(--background-primary);
padding: 4px 8px 3px 8px;
align-self: flex-start;
}
@media screen and (max-width: 924px) {
#footer .footer-top {
flex-direction: column;
gap: 64px;
margin-bottom: 36px;
}
}
@media screen and (max-width: 768px) {
#footer {
padding: 52px 0 30px;
}
#footer .footer-top .footer-newsletter {
width: 100%;
box-sizing: border-box;
}
#footer .footer-menus {
flex-wrap: wrap;
}
#footer .footer-menu-column {
width: 50%;
}
#footer .footer-copyright {
flex-direction: column;
}
#footer .footer-copyright .footer-legal-links {
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
#footer .footer-copyright .footer-legal-links a {
display: inline-block;
width: 50%;
}
}
@media screen and (max-width: 600px) {
#footer .footer-top .footer-newsletter {
padding: 28px 16px;
}
#footer .footer-newsletter .btn {
width: 100%;
}
#footer .footer-newsletter-input-container {
flex-direction: column;
gap: 12px;
}
#footer .footer-newsletter input[type="email"] {
flex: 0 0 auto;
}
}
@media screen and (max-width: 450px) {
#footer .footer-menu-column {
width: 100%;
}
}:root {
--plyr-color-main: var(--accent-color);
}
.wpb_wrapper>br {
display: none;
}
.document--video>.plyr.plyr--video {
max-height: 446px;
}
.module-content>br:first-child {
display: none;
} .rne-link {
color: var(--text-primary);
hyphens: auto;
overflow-wrap: break-word;
word-break: break-word;
text-decoration: none;
transition: color var(--default-transition-duration) ease;
}
.rne-link .link-pdf-icon {
width: 16px;
height: 16px;
vertical-align: middle;
}
.rne-link svg {
margin-right: 6px;
width: 12px;
height: 12px;
}
.rne-link span {
border-bottom: 1px solid var(--text-primary);
transition: border-color var(--default-transition-duration) ease;
}
.rne-link,
.rne-link use,
.rne-link span {
transition: color var(--default-transition-duration) ease, fill var(--default-transition-duration) ease;
}
.link {
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
border: none;
background-color: transparent;
cursor: pointer;
}
.link:after {
content: "";
display: inline-block;
width: 36px;
height: 33px;
margin-left: 8px;
margin-right: 12px;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/arrow-right-long.svg);
color: var(--text-primary);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
transition: transform 0.3s ease;
}
.external-link {
display: flex;
align-items: center;
gap: 8px;
transition: color var(--default-transition-duration) ease;
}
.download-link {
display: flex;
align-items: center;
gap: 16px;
}
.download-link svg {
width: 22px;
height: 22px;
}
.email-link {
transition: color var(--default-transition-duration) ease;
}
body:not(.touch-device) .email-link:hover,
body:not(.touch-device) .external-link:hover,
body:not(.touch-device) .external-link:hover span,
body:not(.touch-device) .external-link:hover svg,
body:not(.touch-device) .rne-link:hover,
body:not(.touch-device) .rne-link:hover span,
body:not(.touch-device) .rne-link:hover svg,
body:not(.touch-device) .rne-link:hover use {
color: var(--accent-color);
fill: var(--accent-color);
border-color: var(--accent-color);
}
body:not(.touch-device) .link:hover:after {
transform: translateX(8px);
}
body:not(.touch-device) .group:hover .link:after {
transform: translateX(8px);
} .gray-card {
background-color: var(--background-secondary);
padding: 24px;
}
.image-caption {
margin-right: 12px;
} .image-author {
color: var(--gray);
} .frontpage-heading {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 84px;
}
.frontpage-heading h1 {
margin-bottom: 16px;
}
.frontpage-heading h2 {
margin-bottom: 8px;
}
.frontpage-heading div {
max-width: 720px;
}
@media screen and (max-width: 1200px) {
.frontpage-heading div {
max-width: 600px;
}
}
@media screen and (max-width: 1024px) {
.frontpage-heading {
margin-bottom: 48px;
flex-direction: column;
align-items: start;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
.frontpage-heading div {
margin-bottom: 24px;
}
}
@media screen and (max-width: 768px) {
.frontpage-heading h2 {
margin-bottom: 12px;
}
}
@media screen and (max-width: 425px) {} .primary-event-container:not([data-module="frontpage-events"] .primary-event-container) {
margin-bottom: 48px;
} .image-container {
width: 100%;
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
}
.aspect-ratio-box {
position: relative;
width: 100%;
padding-top: 56.5%;
overflow: hidden;
transition: padding-top var(--default-transition-duration) ease;
}
.aspect-ratio-box.no-aspectratio {
padding-top: 0;
}
.aspect-ratio-box img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
width: 100%;
height: 100%;
object-fit: cover;
}
.aspect-ratio-box.no-aspectratio img {
position: static;
}
.group .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
transition: background-color var(--default-transition-duration) ease;
background-color: rgba(0, 0, 0, 0);
}
body:not(.touch-device) .group:hover .overlay {
background-color: rgba(0, 0, 0, 0.4);
} .event-calendar-overview-item {
display: flex;
justify-content: space-between;
width: 100%;
min-height: 200px;
text-decoration: none;
transition: background-color 0.3s ease;
}
.badge-list {
display: flex;
align-items: center;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 12px;
}
.badge-list.sdg-badge-list:has(+ .badge-list) {
margin-bottom: 8px;
}
.badge-list svg {
margin-right: 4px;
}
.more-sdgs-badge {
cursor: pointer;
}
body:not(.touch-device) .more-sdgs-badge:hover {
background-color: var(--accent-secondary);
}
.more-sdgs-badge svg {
width: 8px;
height: 8px;
}
.event-calendar-overview-item ul.event-badges {
margin-bottom: 0;
}
.event-calendar-overview-item:nth-child(odd) {
background-color: var(--background-secondary);
}
.event-calendar-overview-item:nth-child(even) {
background-color: var(--background-primary);
}
.event-calendar-overview-item:nth-child(even) .badge:not(.rne-event) {
background-color: var(--background-secondary);
}
body:not(.touch-device) .event-calendar-overview-item:hover {
background-color: var(--accent-color);
}
.event-calendar-overview-item .event-meta {
display: flex;
padding: 24px 0;
align-items: center;
}
.event-calendar-overview-item .event-meta .event-general-info {
display: flex;
flex-direction: column;
padding: 0 16px;
gap: 8px;
justify-content: center;
align-items: start;
min-width: 250px;
max-width: 250px;
}
.event-calendar-overview-item .event-meta .event-content {
display: flex;
flex-direction: column;
padding: 0 32px;
gap: 8px;
justify-content: center;
align-items: start;
}
.event-calendar-overview-item .event-image {
min-width: 280px;
}
.event-calendar-overview-item .event-image .aspect-ratio-box {
padding-top: 80%;
}
@media screen and (max-width: 1024px) {
.event-calendar-overview-item {
flex-direction: column;
justify-content: center;
}
.event-calendar-overview-item .event-image .aspect-ratio-box {
padding-top: 35%;
}
}
@media screen and (max-width: 768px) {
.event-calendar-overview-item .event-meta {
flex-direction: column;
align-items: start;
}
.event-calendar-overview-item h5 {
margin-top: 4px;
}
.event-calendar-overview-item .event-meta .event-general-info {
max-width: 100%;
}
.event-calendar-overview-item .event-meta .event-content {
padding: 0 16px;
}
.event-calendar-overview-item .event-image .aspect-ratio-box {
padding-top: 0;
min-height: 260px;
}
} .vc_tta-container {
--accordion-module-padding: 12px;
padding-left: var(--accordion-module-padding) !important;
padding-right: var(--accordion-module-padding) !important;
}
.vc_tta-container .module-content {
padding-left: var(--accordion-module-padding) !important;
padding-right: var(--accordion-module-padding) !important;
}
.vc_tta-accordion {
max-width: var(--content-max-width) !important;
}
.vc_tta-panels {
display: flex !important;
flex-direction: column !important;
gap: 16px !important;
}
.vc_tta-panels>*:not(.vc_tta-panel) {
display: none;
}
.vc_tta-panel-title {
font-size: 1rem !important;
font-family: "Fira Sans", sans-serif !important;
font-weight: 500 !important;
}
.vc_tta-panel-heading a {
padding: 16px var(--accordion-module-padding) !important;
border-bottom: 1px solid var(--gray) !important;
transition: border-color var(--default-transition-duration) ease;
}
.vc_tta-panel.vc_active .vc_tta-panel-heading a {
border-color: transparent !important;
}
.vc_tta-panel-heading:hover {
background-color: var(--background-primary) !important;
}
.vc_tta-panel-body {
padding-left: 0 !important;
padding-right: 0 !important;
border-bottom: 1px solid var(--gray) !important;
border-radius: 0 !important;
}
.vc_tta-controls-icon {
left: auto !important;
right: 20px !important;
}
.vc_tta-controls-icon::before {
content: "" !important;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
width: 14px;
height: 14px;
display: inline-block !important;
transform: translateY(-50%) rotate(0deg) !important;
transition: transform var(--default-transition-duration) ease !important;
border: none !important;
}
.vc_tta-panel.vc_active .vc_tta-controls-icon::before {
transform: translateY(-50%) rotate(180deg) !important;
} .vc_tta-controls-icon::after {
display: none !important;
}
body .vc_tta-container {
max-width: 1140px;
margin-left: auto;
margin-right: auto;
margin-bottom: var(--default-module-spacing);
}
body .vc_tta.vc_tta-shape-rounded .vc_tta-panel-heading {
border: none;
border-radius: 0;
}
body .vc_tta-panel-title {
max-width: none;
}
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel.vc_active .vc_tta-panel-heading,
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-heading,
body .vc_tta-color-grey.vc_tta-style-classic .vc_tta-panel .vc_tta-panel-body {
background-color: var(--background-primary);
border: none;
} .accordion-container {
display: flex;
flex-direction: column;
gap: 24px;
}
.accordion__header {
display: flex;
justify-content: space-between;
padding-right: 16px;
align-items: center;
padding-top: 12px;
padding-bottom: 12px;
margin-bottom: 8px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.accordion__header .accordion__icon {
display: flex;
cursor: pointer;
padding: 6px;
}
.accordion__header svg {
width: 14px;
height: 14px;
transition: transform var(--default-transition-duration) ease;
}
.accordion__content {
max-height: 530px;
overflow-y: auto;
overflow-x: hidden;
}
.accordion__content .accordion__header {
border-bottom: none;
padding-bottom: 0;
}
.accordion__header[aria-expanded="true"] .accordion__icon svg {
transform: rotate(180deg);
}
.accordion__content .accordion__content {
padding-left: 24px;
} .form-tabs {
display: flex;
justify-content: center;
}
.form-tabs .embla__container {
margin-bottom: 34px;
padding-left: 0;
padding-right: 0;
gap: var(--embla-slide-spacing);
}
.form-tabs .embla__viewport {
margin-bottom: 0;
}
.form-tabs .embla__slide {
flex: 0 0 auto;
padding: 8px 20px;
margin-right: 0;
border-radius: 28px;
border: none;
font-size: 1.125rem;
cursor: pointer;
background-color: var(--background-secondary);
transition: background-color var(--default-transition-duration) ease, color var(--default-transition-duration) ease;
}
.form-tabs .embla__slide--active {
background-color: var(--gray);
color: var(--background-primary);
} [data-page="single-member-page"] .member-container {
margin-bottom: var(--default-module-spacing);
}
[data-page="single-member-page"] .member .aspect-ratio-box {
width: 323px;
height: 323px;
border-radius: 100%;
}
[data-page="single-member-page"] .member {
display: flex;
gap: 64px;
padding: 32px;
background-color: var(--background-secondary);
}
[data-page="single-member-page"] .member-info {
display: flex;
flex-direction: column;
justify-content: center;
}
[data-page="single-member-page"] .member-quote {
max-width: 500px;
}
@media screen and (max-width: 1024px) {
[data-page="single-member-page"] .aspect-ratio-box {
width: 200px;
height: 200px;
}
}
@media screen and (max-width: 768px) {
[data-page="single-member-page"] .member .aspect-ratio-box {
width: 260px;
height: 260px;
}
[data-page="single-member-page"] .member {
flex-direction: column;
}
[data-page="single-member-page"] .member-info {
justify-content: start;
}
}
@media screen and (max-width: 400px) {
[data-page="single-member-page"] .member .aspect-ratio-box {
width: 200px;
height: 200px;
}
.form-tabs .embla__container {
gap: 12px;
}
.form-tabs .embla__slide {
font-size: 1rem;
padding: 8px 14px;
}
}.site-main.search h1 {
margin-bottom: 72px;
max-width: 100%;
}
#global-search-form {
margin-bottom: 48px;
}
#global-search-form .item-search {
flex-direction: column;
align-items: start;
max-width: fit-content;
margin-left: auto;
margin-right: auto;
}
#global-search-form .item-text-search {
display: flex;
gap: 8px;
width: 425px;
max-width: 100%;
align-items: end;
} .item-container {
display: grid;
grid-template-columns: 266px 1fr;
column-gap: 122px;
}
.filter-reset-button {
display: none;
text-decoration: underline;
cursor: pointer;
font-size: 0.875rem;
transition: color var(--default-transition-duration) ease;
}
body:not(.touch-device) .filter-reset-button:hover,
body:not(.touch-device) .filter-reset-button:hover span {
color: var(--accent-color);
}
.item-search__input>label,
.item-filter-text {
font-size: 0.875rem;
font-weight: 500;
}
.item-search .input-search label {
font-size: 0.875rem;
}
.filter-form .accordion__item .form-item {
width: calc(100% - 16px);
margin-bottom: 8px;
}
.accordion__item[data-value="event"],
.accordion__item[data-value="newsposts"] {
display: none;
}
.filter-heading-container {
display: flex;
justify-content: space-between;
}
.filter-heading-mobile {
display: none;
}
.item-sort {
display: flex;
justify-content: end;
align-items: center;
margin-bottom: 40px;
gap: 16px;
}
.item-sort #mobile-filter-menu-open-button {
display: none;
align-items: center;
gap: 12px;
background-color: var(--background-primary);
border-color: var(--gray);
padding: 16px 20px;
}
.item-sort #mobile-filter-menu-open-button svg {
width: 15px;
height: 15px;
}
.item-sort .sort-with-icon {
display: flex;
align-items: center;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
gap: 8px;
}
.item-sort .sort-with-icon svg {
display: none;
}
.item-sort select.rne-select {
background-position: top 8px right 0;
border-radius: 0;
border: none;
background-color: transparent;
padding: 8px 24px 8px 4px;
}
.item-search {
display: flex;
justify-content: center;
align-items: end;
margin-bottom: 48px;
gap: 24px;
}
.item-search .form-item {
margin-bottom: 0;
width: 100%;
max-width: 425px;
}
.item-search__input {
width: 424px;
margin-right: 24px;
}
.item-search .datepicker-wrapper {
margin-right: 0;
}
.item-search .item-date-divider {
display: flex;
justify-content: center;
align-items: center;
padding-left: 8px;
padding-right: 8px;
}
.item-date-range {
display: flex;
flex-direction: column;
}
.item-date-range.item-date-range--mobile {
display: none;
}
.item-date-range.item-date-range--mobile .form-item {
width: auto;
margin-bottom: 0;
}
.item-date-range.item-date-range--mobile .item-date-divider {
display: flex;
justify-content: center;
align-items: center;
margin-right: 16px;
}
.item-date-range--mobile .item-filter-text {
font-size: 1rem;
font-weight: 400;
padding-bottom: 12px;
margin-bottom: 12px;
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
.mobile-filter-overlay[data-open="true"] .item-date-range.item-date-range--mobile {
display: flex;
margin-top: 24px;
}
.item-date-select {
display: flex;
} #mobile-filter-menu-close-button,
.mobile-filter-apply-container {
display: none;
}
@media screen and (max-width: 1200px) {
.item-container {
column-gap: 64px;
}
}
@media screen and (max-width: 1024px) {
.item-container {
grid-template-columns: 200px 1fr;
column-gap: 32px;
}
}
@media screen and (max-width: 768px) {
.item-container {
grid-template-columns: 1fr;
column-gap: 0;
}
.item-date-range,
.item-search-button {
display: none;
}
.item-search {
margin-bottom: 24px;
}
.item-search .input-search {
width: 100%;
max-width: none;
margin-right: 0;
}
.item-search .input-search label {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
.item-sort #mobile-filter-menu-open-button {
display: flex;
}
.mobile-filter-overlay[data-open="false"] {
display: none;
}
.mobile-filter-overlay[data-open="true"] #mobile-filter-menu-close-button {
display: block;
border: none;
background-color: transparent;
padding: 10px;
transform: translateX(10px) translateY(-5px);
}
.mobile-filter-overlay[data-open="true"] #mobile-filter-menu-close-button svg {
width: 14px;
height: 14px;
}
.mobile-filter-overlay[data-open="true"] {
display: block;
position: fixed;
width: 100%;
height: 100%;
z-index: 10;
background-color: white;
left: 0;
top: 0;
overflow-y: scroll;
}
.item-filter-container {
height: calc(100% - 96px);
width: 100%;
padding: 24px var(--container-padding);
padding-bottom: 24px;
overflow-y: auto;
box-sizing: border-box;
}
.mobile-filter-apply-container,
.item-search-button--mobile {
display: block;
}
.filter-heading-container {
flex-wrap: wrap;
margin-bottom: 20px;
}
.filter-heading {
display: none !important;
}
.filter-heading-mobile {
display: block;
}
.filter-reset-button {
width: 100%;
}
.mobile-filter-apply-container {
display: flex;
align-items: center;
height: 96px;
padding-left: var(--container-padding);
padding-right: var(--container-padding);
background-color: var(--background-secondary);
box-sizing: border-box;
}
.item-search-button--mobile {
width: 100%;
}
.item-sort {
justify-content: space-between;
align-items: end;
padding-bottom: 8px;
}
.item-sort .item-filter-text {
display: none;
}
.item-sort .sort-with-icon svg {
display: block;
}
}
@media (min-width: 769px) {
#mobile-filter-overlay[data-open="true"] {
display: none;
}
body {
overflow: auto !important;
}
} .filtered-items {
display: flex;
flex-direction: column;
gap: 40px;
} #pagination-controls {
display: flex;
justify-content: end;
align-items: center;
gap: 8px;
margin-top: 24px;
}
.pagination__button {
display: flex;
background: transparent;
border: none;
font-size: 1rem;
cursor: pointer;
}
body:not(.touch-device) .pagination__button:hover,
body:not(.touch-device) .pagination__button:hover svg {
color: var(--accent-color);
fill: var(--accent-color);
}
.pagination__button svg {
width: 14px;
height: 14px;
}
.pagination__button--next {
transform: rotate(270deg);
}
.pagination__button--prev {
transform: rotate(90deg);
}
.pagination__button--active {
text-decoration: underline;
} .search__label {
display: flex;
align-self: start;
padding: 4px 8px;
color: var(--background-primary);
background-color: var(--gray);
font-size: 0.875rem;
}
.search--event,
.search--newsletter,
.search--project,
.search--post {
display: flex;
flex-direction: column;
background-color: var(--background-secondary);
text-decoration: none;
transition: background-color var(--default-transition-duration) ease,
}
body:not(.touch-device) .search--event:hover,
body:not(.touch-device) .search--newsletter:hover,
body:not(.touch-device) .search--project:hover,
body:not(.touch-device) .search--post:hover {
background-color: var(--accent-color);
}
.search {
position: relative;
} .search--event h4,
.search--event .badge-list {
margin-bottom: 0;
}
.search__event--meta,
.search__event--info {
display: flex;
flex-direction: column;
gap: 8px;
}
.event__content {
display: grid;
grid-template-columns: 266px 1fr;
}
.search__event--meta,
.search__event--info {
padding: 16px 16px 32px 16px
}
@media screen and (max-width: 1024px) {
.event__content {
grid-template-columns: 1fr;
}
.search__event--meta {
padding-bottom: 0;
margin-bottom: 8px;
}
.search__event--info {
padding-top: 0;
}
.search__event--info .badge-list {
order: 2;
}
} .search .newsletter__content {
padding: 16px 16px 32px 16px;
}
.newsletter__content .link {
justify-content: end;
} .search--project .project__content {
display: grid;
grid-template-columns: 266px 1fr;
}
.search__project--info {
padding: 24px 24px 16px 24px
}
.search--project .search__label {
position: absolute;
top: 0;
left: 0;
z-index: 10;
}
.search--project .aspect-ratio-box {
height: 100%;
}
.search--project .link {
justify-content: end;
margin-top: 16px;
}
@media screen and (max-width: 1024px) {
.search--project .project__content {
grid-template-columns: 1fr;
}
.search--project .image-container {
height: 300px;
}
}
@media screen and (max-width: 768px) {
.search--project .project__content {
grid-template-columns: 1fr;
}
.search--project .image-container {
height: 200px;
}
} .search--post .post__content {
display: grid;
grid-template-columns: 266px 1fr;
min-height: 226px;
}
.search--post .search__label {
position: absolute;
top: 0;
left: 0;
z-index: 1;
}
.search--post .aspect-ratio-box {
height: 100%;
}
.search__post--info {
display: flex;
flex-direction: column;
padding: 24px;
}
.search--post .link {
justify-content: end;
margin-top: auto;
}
@media screen and (max-width: 1024px) {
.search--post .post__content {
grid-template-columns: 1fr;
}
.search--post .image-container {
height: 300px;
}
}textarea {
min-width: 100%;
color: var(--text-primary);
min-height: 160px;
border-radius: 0;
font-size: 16px;
font-family: 'Fira Sans', sans-serif;
padding: 12px 0px;
box-sizing: border-box;
background-color: transparent;
border-top-width: 0;
border-left-width: 0;
border-right-width: 0;
border-bottom: 1px solid var(--gray);
outline: none;
}
textarea::placeholder {
color: var(--gray);
}
.form-item.is-valid .input-container.textarea::after,
.form-item.not-valid .input-container.textarea::after {
top: auto;
bottom: 0px;
}
input {
font-family: "Fira Sans" !important;
} select,
select option {
color: var(--text-primary);
}
.rne-select-container {
position: relative;
display: inline-block;
width: 100%;
}
.rne-select-trigger {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 4px;
border: none;
background: transparent;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/arrow.svg);
background-repeat: no-repeat;
background-position: top 18px right 16px;
font-size: 16px;
padding: 1rem;
padding-right: 48px;
border: 1px solid transparent;
background-color: var(--color-background-light-grey, #f5f5f5);
}
.rne-select-trigger.not-valid {
border-color: var(--danger);
}
body:not(.touch-device) .rne-select-trigger:hover {
cursor: pointer;
}
.rne-select-trigger:focus-visible {
outline: none;
border-color: var(--accent-color);
}
.rne-select-options {
position: absolute !important;
width: 300px;
left: 0;
z-index: 10;
margin: 0;
padding: 0;
right: 0;
list-style: none;
background: var(--background-primary);
max-height: 400px;
box-shadow:
3px 6px 14px 0px rgba(0, 0, 0, 0.05),
11px 23px 26px 0px rgba(0, 0, 0, 0.04),
26px 52px 35px 0px rgba(0, 0, 0, 0.03),
45px 93px 41px 0px rgba(0, 0, 0, 0.01),
71px 145px 45px 0px rgba(0, 0, 0, 0.00);
}
[data-module="archive"] .item-sort .rne-select-options,
[data-module="archive"] .item-sort .rne-select-options {
width: 100%;
left: unset;
}
.rne-select-option {
padding: 8px 0px 8px 16px;
cursor: pointer;
}
.rne-select-option:last-child {
border-bottom: none;
}
.rne-select-option:hover,
.rne-select-option:focus {
background: #eee;
outline: none;
}
.rne-select-option.selected {
background: var(--accent-color);
color: var(--text-primary);
}
#global-search-form .rne-select-trigger,
[data-module="media-gallery"] .rne-select-trigger,
[data-module="archive"] .rne-select-trigger {
background-color: transparent;
}
#global-search-form .rne-select-options,
[data-module="media-gallery"] .rne-select-options {
left: unset;
right: 0;
} .form-item .checkbox-container .rne-checkbox,
.form-item .checkbox-container label {
margin-bottom: 0;
font-weight: 400;
}
.checkbox-container {
display: flex;
max-width: 720px;
user-select: none;
}
.rne-checkbox {
--checkbox-size: 16px;
display: flex;
align-items: flex-start;
position: relative;
cursor: pointer;
user-select: none;
margin-top: 3px;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
.rne-checkbox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.rne-checkmark {
position: relative;
flex-shrink: 0;
height: var(--checkbox-size);
width: var(--checkbox-size);
background-color: var(--background-primary);
border: 1px solid var(--text-primary);
border-radius: 2px;
transition: all 0.1s ease-in-out;
margin-right: 8px;
}
.rne-checkbox input:checked~.rne-checkmark {
background-color: var(--accent-color);
border-color: var(--accent-color);
}
.rne-checkbox input:focus-visible~.rne-checkmark {
box-shadow: 0 0 0 2px var(--accent-color);
}
.rne-checkmark:after {
content: "";
position: absolute;
display: none;
left: 5px;
top: 2px;
width: 4px;
height: 8px;
border: solid var(--background-primary);
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}
.rne-checkbox input:checked~.rne-checkmark:after {
display: block;
}
.rne-checkbox__label {
flex-grow: 1;
-webkit-tap-highlight-color: transparent;
}
.rne-checkbox-item .rne-checkbox {
display: flex;
align-items: start;
}
.rne-checkbox-item .rne-checkbox .rne-checkmark {
margin-top: 3px;
} .rne-radiobox {
--radiobox-size: 16px;
display: flex;
align-items: center;
position: relative;
cursor: pointer;
user-select: none;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
}
.rne-radiobox input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
.rne-radio-checkmark {
position: relative;
flex-shrink: 0;
height: var(--radiobox-size);
width: var(--radiobox-size);
background-color: var(--background-primary);
border: 1px solid var(--text-primary);
border-radius: 50%;
transition: all 0.1s ease-in-out;
margin-right: 8px;
}
.rne-radiobox:hover input~.rne-radio-checkmark {
background-color: var(--background-secondary);
}
.rne-radiobox input:checked~.rne-radio-checkmark {
background-color: var(--black);
border-color: var(--black);
}
.rne-radiobox input:focus-visible~.rne-radio-checkmark {
box-shadow: 0 0 0 2px var(--accent-color);
}
.rne-radio-checkmark:after {
content: "";
position: absolute;
display: none;
left: 6px;
top: 6px;
width: 4px;
height: 4px;
border-radius: 50%;
background-color: var(--background-primary);
}
.rne-radiobox input:checked~.rne-radio-checkmark:after {
display: block;
}
.rne-radio-item__label {
flex-grow: 1;
-webkit-tap-highlight-color: transparent;
} input {
width: 100%;
background-color: var(--background-primary);
color: var(--text-primary);
padding: 4px;
border-bottom: 1px solid var(--gray);
border-radius: 0;
transition: border-bottom 0.1s ease-in-out;
font-size: 16px;
padding: 6px 48px 6px 0;
}
.gray-card input {
background-color: var(--background-secondary);
}
input::placeholder {
color: var(--gray);
}
input:focus-visible {
outline: none;
border-color: var(--accent-color);
}
.form-item.input-search .input-container::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 18px;
transform: translateY(-50%);
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/search.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .field-full-width {
max-width: 100%;
}
.field-large {
max-width: 800px;
}
.field-normal {
max-width: 588px;
}
.field-semi-normal {
max-width: 340px;
}
.field-medium {
max-width: 272px;
}
.field-small {
max-width: 136px;
}
.field-mini {
max-width: 68px;
} .form-item {
width: 100%;
}
.form-description {
margin-bottom: 22px;
}
.form-row {
display: flex;
align-items: center;
gap: 24px;
flex-wrap: wrap;
}
.form-item {
position: relative;
display: flex;
flex-direction: column;
margin-bottom: 32px;
}
.form-item .input-container {
position: relative;
display: flex;
align-items: center;
}
.form-item.is-valid .input-container::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 18px;
margin-right: 12px;
transform: translateY(-50%);
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/rne_is_valid_icon.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.form-item.not-valid .input-container::after {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 18px;
height: 18px;
margin-right: 12px;
transform: translateY(-50%);
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/rne_not_valid.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.form-item:last-child:not(.form-row .form-item) {
margin-bottom: 0;
}
.form-item label {
margin-bottom: 8px;
line-height: 1.6;
font-weight: 500;
}
.form-item label.rne-radiobox,
.form-item label.rne-checkbox {
font-weight: 400;
}
.form-item.is-valid input,
.form-item.is-valid textarea {
border-color: var(--accent-color);
}
.form-item.not-valid input,
.form-item.not-valid textarea {
border-color: var(--danger);
} .datepicker-wrapper {
align-items: center;
}
.datepicker-wrapper button.datepicker-toggle.btn {
padding: 8px 16px;
height: 42px;
font-size: 1rem;
}
.datepicker-wrapper input {
padding: 0;
width: auto;
height: 42px;
border: 1px solid var(--gray);
text-align: center;
max-width: 122px;
box-sizing: border-box;
cursor: pointer;
} .error-message {
margin-top: 8px;
color: var(--danger);
font-size: 0.9em;
}
.form-error {
display: none;
color: var(--danger);
font-size: 0.9em;
margin-bottom: 16px;
}
.form-error:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.form-row {
gap: 0;
}
.rne-select-options {
width: 100%;
}
.field-large,
.field-normal,
.field-semi-normal,
.field-medium,
.field-small,
.field-mini {
max-width: 100%;
}
.form-row-item {
width: 100%;
}
}[data-page="single-event-page"] h3,
[data-page="single-event-page"] h4 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
} [data-page="single-event-page"] .eventstartimage .aspect-ratio-box {
padding-top: 38.5%;
}
[data-page="single-event-page"] nav {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 80px;
}
[data-page="single-event-page"] article>.container.eventstartimage {
margin-bottom: 32px;
}
[data-page="single-event-page"] article>.container.eventstartimage .event-image-copyright {
margin-top: 12px;
}
[data-page="single-event-page"] .badge-list {
margin-bottom: 32px;
}
[data-page="single-event-page"] .wpb_wrapper>[data-module="excerpt"] {
margin-bottom: 16px;
}
[data-page="single-event-page"] nav .next-button {
margin-left: auto;
}
[data-page="single-event-page"] .event-thumbnail {
margin-bottom: 32px;
}
[data-page="single-event-page"] .event-thumbnail .aspect-ratio-box {
padding-top: 38.5%;
}
[data-page="single-event-page"] .entry-title {
margin-bottom: 8px;
}
[data-page="single-event-page"] .event-suggestions-container {
background-color: var(--background-secondary);
padding: 64px 0;
}
[data-page="single-event-page"] .event-suggestions-container .section-heading {
margin-left: auto;
margin-right: auto;
margin-bottom: 24px;
text-align: center;
}
[data-page="single-event-page"] .event-suggestions-container .event-suggestions {
display: flex;
gap: 24px;
}
[data-page="single-event-page"] .event-suggestions-container .event-suggestions .event {
max-width: calc(33% - 24px);
background-color: var(--background-primary);
}
body:not(.touch-device) [data-page="single-event-page"] .group:hover .event,
body:not(.touch-device) [data-page="single-event-page"] .event:hover {
background-color: var(--accent-color);
}
@media screen and (max-width: 1024px) {
[data-page="single-event-page"] nav {
margin-bottom: 48px;
}
}
@media screen and (max-width: 880px) {
[data-page="single-event-page"] .event-suggestions-container .event-suggestions {
flex-direction: column;
gap: 24px;
}
[data-page="single-event-page"] .event-suggestions-container .event-suggestions .event {
max-width: 100%;
height: auto;
min-height: 200px;
max-height: 300px;
}
}
@media screen and (max-width: 768px) {
[data-page="single-event-page"] nav a span {
font-size: 0.875rem;
}
[data-page="single-event-page"] .eventstartimage .aspect-ratio-box {
padding-top: 55%;
}
}
@media screen and (max-width: 600px) {
[data-page="single-event-page"] nav a span {
display: none;
}
}
@media screen and (max-width: 400px) {
[data-page="single-event-page"] .eventstartimage .aspect-ratio-box {
padding-top: 65%;
}
}.air-datepicker-cell.-year-.-other-decade-,.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.air-datepicker-cell.-year-.-other-decade-:hover,.air-datepicker-cell.-day-.-other-month-:hover{color:var(--adp-color-other-month-hover)}.-disabled-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-disabled-.-focus-.air-datepicker-cell.-day-.-other-month-{color:var(--adp-color-other-month)}.-selected-.air-datepicker-cell.-year-.-other-decade-,.-selected-.air-datepicker-cell.-day-.-other-month-{color:#fff;background:var(--adp-background-color-selected-other-month)}.-selected-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-selected-.-focus-.air-datepicker-cell.-day-.-other-month-{background:var(--adp-background-color-selected-other-month-focused)}.-in-range-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range);color:var(--adp-color)}.-in-range-.-focus-.air-datepicker-cell.-year-.-other-decade-,.-in-range-.-focus-.air-datepicker-cell.-day-.-other-month-{background-color:var(--adp-background-color-in-range-focused)}.air-datepicker-cell.-year-.-other-decade-:empty,.air-datepicker-cell.-day-.-other-month-:empty{background:none;border:none}.air-datepicker-cell{border-radius:var(--adp-cell-border-radius);box-sizing:border-box;cursor:pointer;display:flex;position:relative;align-items:center;justify-content:center;z-index:1}.air-datepicker-cell.-focus-{background:var(--adp-cell-background-color-hover)}.air-datepicker-cell.-current-{color:var(--adp-color-current-date)}.air-datepicker-cell.-current-.-focus-{color:var(--adp-color)}.air-datepicker-cell.-current-.-in-range-{color:var(--adp-color-current-date)}.air-datepicker-cell.-disabled-{cursor:default;color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-disabled-.-in-range-{color:var(--adp-color-disabled-in-range)}.air-datepicker-cell.-disabled-.-current-.-focus-{color:var(--adp-color-disabled)}.air-datepicker-cell.-in-range-{background:var(--adp-cell-background-color-in-range);border-radius:0}.air-datepicker-cell.-in-range-:hover,.air-datepicker-cell.-in-range-.-focus-{background:var(--adp-cell-background-color-in-range-hover)}.air-datepicker-cell.-range-from-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:var(--adp-cell-border-radius) 0 0 var(--adp-cell-border-radius)}.air-datepicker-cell.-range-to-{border:1px solid var(--adp-cell-border-color-in-range);background-color:var(--adp-cell-background-color-in-range);border-radius:0 var(--adp-cell-border-radius) var(--adp-cell-border-radius) 0}.air-datepicker-cell.-range-to-.-range-from-{border-radius:var(--adp-cell-border-radius)}.air-datepicker-cell.-selected-{color:#fff;border:none;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-current-{color:#fff;background:var(--adp-cell-background-color-selected)}.air-datepicker-cell.-selected-.-focus-{background:var(--adp-cell-background-color-selected-hover)}
.air-datepicker-body{transition:all var(--adp-transition-duration) var(--adp-transition-ease)}.air-datepicker-body.-hidden-{display:none}.air-datepicker-body--day-names{display:grid;grid-template-columns:repeat(7, var(--adp-day-cell-width));margin:8px 0 3px}.air-datepicker-body--day-name{color:var(--adp-day-name-color);display:flex;align-items:center;justify-content:center;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.air-datepicker-body--day-name.-clickable-{cursor:pointer}.air-datepicker-body--day-name.-clickable-:hover{color:var(--adp-day-name-color-hover)}.air-datepicker-body--cells{display:grid}.air-datepicker-body--cells.-days-{grid-template-columns:repeat(7, var(--adp-day-cell-width));grid-auto-rows:var(--adp-day-cell-height)}.air-datepicker-body--cells.-months-{grid-template-columns:repeat(3, 1fr);grid-auto-rows:var(--adp-month-cell-height)}.air-datepicker-body--cells.-years-{grid-template-columns:repeat(4, 1fr);grid-auto-rows:var(--adp-year-cell-height)}
.air-datepicker-nav{display:flex;justify-content:space-between;border-bottom:1px solid var(--adp-border-color-inner);min-height:var(--adp-nav-height);padding:var(--adp-padding);box-sizing:content-box}.-only-timepicker- .air-datepicker-nav{display:none}.air-datepicker-nav--title,.air-datepicker-nav--action{display:flex;cursor:pointer;align-items:center;justify-content:center}.air-datepicker-nav--action{width:var(--adp-nav-action-size);border-radius:var(--adp-border-radius);-webkit-user-select:none;-moz-user-select:none;user-select:none}.air-datepicker-nav--action:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--action:active{background:var(--adp-background-color-active)}.air-datepicker-nav--action.-disabled-{visibility:hidden}.air-datepicker-nav--action svg{width:32px;height:32px}.air-datepicker-nav--action path{fill:none;stroke:var(--adp-nav-arrow-color);stroke-width:2px}.air-datepicker-nav--title{border-radius:var(--adp-border-radius);padding:0 8px}.air-datepicker-nav--title i{font-style:normal;color:var(--adp-nav-color-secondary);margin-left:.3em}.air-datepicker-nav--title:hover{background:var(--adp-background-color-hover)}.air-datepicker-nav--title:active{background:var(--adp-background-color-active)}.air-datepicker-nav--title.-disabled-{cursor:default;background:none}
.air-datepicker-buttons{display:grid;grid-auto-columns:1fr;grid-auto-flow:column}.air-datepicker-button{display:inline-flex;color:var(--adp-btn-color);border-radius:var(--adp-btn-border-radius);cursor:pointer;height:var(--adp-btn-height);border:none;background:rgba(255,255,255,0)}.air-datepicker-button:hover{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover)}.air-datepicker-button:focus{color:var(--adp-btn-color-hover);background:var(--adp-btn-background-color-hover);outline:none}.air-datepicker-button:active{background:var(--adp-btn-background-color-active)}.air-datepicker-button span{outline:none;display:flex;align-items:center;justify-content:center;width:100%;height:100%}
.air-datepicker-time{display:grid;grid-template-columns:max-content 1fr;grid-column-gap:12px;align-items:center;position:relative;padding:0 var(--adp-time-padding-inner)}.-only-timepicker- .air-datepicker-time{border-top:none}.air-datepicker-time--current{display:flex;align-items:center;flex:1;font-size:14px;text-align:center}.air-datepicker-time--current-colon{margin:0 2px 3px;line-height:1}.air-datepicker-time--current-hours,.air-datepicker-time--current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.air-datepicker-time--current-hours:after,.air-datepicker-time--current-minutes:after{content:"";background:var(--adp-background-color-hover);border-radius:var(--adp-border-radius);position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.air-datepicker-time--current-hours.-focus-:after,.air-datepicker-time--current-minutes.-focus-:after{opacity:1}.air-datepicker-time--current-ampm{text-transform:uppercase;align-self:flex-end;color:var(--adp-time-day-period-color);margin-left:6px;font-size:11px;margin-bottom:1px}.air-datepicker-time--row{display:flex;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right, var(--adp-time-track-color), var(--adp-time-track-color)) left 50%/100% var(--adp-time-track-height) no-repeat}.air-datepicker-time--row:first-child{margin-bottom:4px}.air-datepicker-time--row input[type=range]{background:none;cursor:pointer;flex:1;height:100%;width:100%;padding:0;margin:0;-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none}.air-datepicker-time--row input[type=range]::-ms-tooltip{display:none}.air-datepicker-time--row input[type=range]:hover::-webkit-slider-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-moz-range-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:hover::-ms-thumb{border-color:var(--adp-time-track-color-hover)}.air-datepicker-time--row input[type=range]:focus{outline:none}.air-datepicker-time--row input[type=range]:focus::-webkit-slider-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-moz-range-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]:focus::-ms-thumb{background:var(--adp-cell-background-color-selected);border-color:var(--adp-cell-background-color-selected)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-webkit-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-moz-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid var(--adp-time-track-color);background:#fff;cursor:pointer;-ms-transition:background var(--adp-transition-duration);transition:background var(--adp-transition-duration)}.air-datepicker-time--row input[type=range]::-webkit-slider-thumb{margin-top:calc(var(--adp-time-thumb-size)/2*-1)}.air-datepicker-time--row input[type=range]::-webkit-slider-runnable-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-moz-range-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-track{border:none;height:var(--adp-time-track-height);cursor:pointer;color:rgba(0,0,0,0);background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-lower{background:rgba(0,0,0,0)}.air-datepicker-time--row input[type=range]::-ms-fill-upper{background:rgba(0,0,0,0)}
.air-datepicker{--adp-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";--adp-font-size: 14px;--adp-width: 246px;--adp-z-index: 100;--adp-padding: 4px;--adp-grid-areas: "nav" "body" "timepicker" "buttons";--adp-transition-duration: .3s;--adp-transition-ease: ease-out;--adp-transition-offset: 8px;--adp-background-color: #fff;--adp-background-color-hover: #f0f0f0;--adp-background-color-active: #eaeaea;--adp-background-color-in-range: rgba(92, 196, 239, .1);--adp-background-color-in-range-focused: rgba(92, 196, 239, .2);--adp-background-color-selected-other-month-focused: #8ad5f4;--adp-background-color-selected-other-month: #a2ddf6;--adp-color: #4a4a4a;--adp-color-secondary: #9c9c9c;--adp-accent-color: #4eb5e6;--adp-color-current-date: var(--adp-accent-color);--adp-color-other-month: #dedede;--adp-color-disabled: #aeaeae;--adp-color-disabled-in-range: #939393;--adp-color-other-month-hover: #c5c5c5;--adp-border-color: #dbdbdb;--adp-border-color-inner: #efefef;--adp-border-radius: 4px;--adp-border-color-inline: #d7d7d7;--adp-nav-height: 32px;--adp-nav-arrow-color: var(--adp-color-secondary);--adp-nav-action-size: 32px;--adp-nav-color-secondary: var(--adp-color-secondary);--adp-day-name-color: #ff9a19;--adp-day-name-color-hover: #8ad5f4;--adp-day-cell-width: 1fr;--adp-day-cell-height: 32px;--adp-month-cell-height: 42px;--adp-year-cell-height: 56px;--adp-pointer-size: 10px;--adp-poiner-border-radius: 2px;--adp-pointer-offset: 14px;--adp-cell-border-radius: 4px;--adp-cell-background-color-hover: var(--adp-background-color-hover);--adp-cell-background-color-selected: #5cc4ef;--adp-cell-background-color-selected-hover: #45bced;--adp-cell-background-color-in-range: rgba(92, 196, 239, 0.1);--adp-cell-background-color-in-range-hover: rgba(92, 196, 239, 0.2);--adp-cell-border-color-in-range: var(--adp-cell-background-color-selected);--adp-btn-height: 32px;--adp-btn-color: var(--adp-accent-color);--adp-btn-color-hover: var(--adp-color);--adp-btn-border-radius: var(--adp-border-radius);--adp-btn-background-color-hover: var(--adp-background-color-hover);--adp-btn-background-color-active: var(--adp-background-color-active);--adp-time-track-height: 1px;--adp-time-track-color: #dedede;--adp-time-track-color-hover: #b1b1b1;--adp-time-thumb-size: 12px;--adp-time-padding-inner: 10px;--adp-time-day-period-color: var(--adp-color-secondary);--adp-mobile-font-size: 16px;--adp-mobile-nav-height: 40px;--adp-mobile-width: 320px;--adp-mobile-day-cell-height: 38px;--adp-mobile-month-cell-height: 48px;--adp-mobile-year-cell-height: 64px}.air-datepicker-overlay{--adp-overlay-background-color: rgba(0, 0, 0, .3);--adp-overlay-transition-duration: .3s;--adp-overlay-transition-ease: ease-out;--adp-overlay-z-index: 99}
.air-datepicker{background:var(--adp-background-color);border:1px solid var(--adp-border-color);box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:var(--adp-border-radius);box-sizing:content-box;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(4, max-content);grid-template-areas:var(--adp-grid-areas);font-family:var(--adp-font-family),sans-serif;font-size:var(--adp-font-size);color:var(--adp-color);width:var(--adp-width);position:absolute;transition:opacity var(--adp-transition-duration) var(--adp-transition-ease),transform var(--adp-transition-duration) var(--adp-transition-ease);z-index:var(--adp-z-index)}.air-datepicker:not(.-custom-position-){opacity:0}.air-datepicker.-from-top-{transform:translateY(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-from-right-{transform:translateX(var(--adp-transition-offset))}.air-datepicker.-from-bottom-{transform:translateY(var(--adp-transition-offset))}.air-datepicker.-from-left-{transform:translateX(calc(var(--adp-transition-offset) * -1))}.air-datepicker.-active-:not(.-custom-position-){transform:translate(0, 0);opacity:1}.air-datepicker.-active-.-custom-position-{transition:none}.air-datepicker.-inline-{border-color:var(--adp-border-color-inline);box-shadow:none;position:static;left:auto;right:auto;opacity:1;transform:none}.air-datepicker.-inline- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-{--adp-font-size: var(--adp-mobile-font-size);--adp-day-cell-height: var(--adp-mobile-day-cell-height);--adp-month-cell-height: var(--adp-mobile-month-cell-height);--adp-year-cell-height: var(--adp-mobile-year-cell-height);--adp-nav-height: var(--adp-mobile-nav-height);--adp-nav-action-size: var(--adp-mobile-nav-height);position:fixed;width:var(--adp-mobile-width);border:none}.air-datepicker.-is-mobile- *{-webkit-tap-highlight-color:rgba(0,0,0,0)}.air-datepicker.-is-mobile- .air-datepicker--pointer{display:none}.air-datepicker.-is-mobile-:not(.-custom-position-){transform:translate(-50%, calc(-50% + var(--adp-transition-offset)))}.air-datepicker.-is-mobile-.-active-:not(.-custom-position-){transform:translate(-50%, -50%)}.air-datepicker.-custom-position-{transition:none}.air-datepicker-global-container{position:absolute;left:0;top:0}.air-datepicker--pointer{--pointer-half-size: calc(var(--adp-pointer-size) / 2);position:absolute;width:var(--adp-pointer-size);height:var(--adp-pointer-size);z-index:-1}.air-datepicker--pointer:after{content:"";position:absolute;background:#fff;border-top:1px solid var(--adp-border-color-inline);border-right:1px solid var(--adp-border-color-inline);border-top-right-radius:var(--adp-poiner-border-radius);width:var(--adp-pointer-size);height:var(--adp-pointer-size);box-sizing:border-box}.-top-left- .air-datepicker--pointer,.-top-center- .air-datepicker--pointer,.-top-right- .air-datepicker--pointer,[data-popper-placement^=top] .air-datepicker--pointer{top:calc(100% - var(--pointer-half-size) + 1px)}.-top-left- .air-datepicker--pointer:after,.-top-center- .air-datepicker--pointer:after,.-top-right- .air-datepicker--pointer:after,[data-popper-placement^=top] .air-datepicker--pointer:after{transform:rotate(135deg)}.-right-top- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer,[data-popper-placement^=right] .air-datepicker--pointer{right:calc(100% - var(--pointer-half-size) + 1px)}.-right-top- .air-datepicker--pointer:after,.-right-center- .air-datepicker--pointer:after,.-right-bottom- .air-datepicker--pointer:after,[data-popper-placement^=right] .air-datepicker--pointer:after{transform:rotate(225deg)}.-bottom-left- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer,[data-popper-placement^=bottom] .air-datepicker--pointer{bottom:calc(100% - var(--pointer-half-size) + 1px)}.-bottom-left- .air-datepicker--pointer:after,.-bottom-center- .air-datepicker--pointer:after,.-bottom-right- .air-datepicker--pointer:after,[data-popper-placement^=bottom] .air-datepicker--pointer:after{transform:rotate(315deg)}.-left-top- .air-datepicker--pointer,.-left-center- .air-datepicker--pointer,.-left-bottom- .air-datepicker--pointer,[data-popper-placement^=left] .air-datepicker--pointer{left:calc(100% - var(--pointer-half-size) + 1px)}.-left-top- .air-datepicker--pointer:after,.-left-center- .air-datepicker--pointer:after,.-left-bottom- .air-datepicker--pointer:after,[data-popper-placement^=left] .air-datepicker--pointer:after{transform:rotate(45deg)}.-top-left- .air-datepicker--pointer,.-bottom-left- .air-datepicker--pointer{left:var(--adp-pointer-offset)}.-top-right- .air-datepicker--pointer,.-bottom-right- .air-datepicker--pointer{right:var(--adp-pointer-offset)}.-top-center- .air-datepicker--pointer,.-bottom-center- .air-datepicker--pointer{left:calc(50% - var(--adp-pointer-size)/2)}.-left-top- .air-datepicker--pointer,.-right-top- .air-datepicker--pointer{top:var(--adp-pointer-offset)}.-left-bottom- .air-datepicker--pointer,.-right-bottom- .air-datepicker--pointer{bottom:var(--adp-pointer-offset)}.-left-center- .air-datepicker--pointer,.-right-center- .air-datepicker--pointer{top:calc(50% - var(--adp-pointer-size)/2)}.air-datepicker--navigation{grid-area:nav}.air-datepicker--content{box-sizing:content-box;padding:var(--adp-padding);grid-area:body}.-only-timepicker- .air-datepicker--content{display:none}.air-datepicker--time{grid-area:timepicker}.air-datepicker--buttons{grid-area:buttons}.air-datepicker--buttons,.air-datepicker--time{padding:var(--adp-padding);border-top:1px solid var(--adp-border-color-inner)}.air-datepicker-overlay{position:fixed;background:var(--adp-overlay-background-color);left:0;top:0;width:0;height:0;opacity:0;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),left 0s,height 0s,width 0s;transition-delay:0s,var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration),var(--adp-overlay-transition-duration);z-index:var(--adp-overlay-z-index)}.air-datepicker-overlay.-active-{opacity:1;width:100%;height:100%;transition:opacity var(--adp-overlay-transition-duration) var(--adp-overlay-transition-ease),height 0s,width 0s}:root {
--embla-slide-spacing: 24px;
} body.home section[data-module]:nth-of-type(odd) .embla__button {
background-color: var(--background-secondary);
}
body.home section[data-module]:nth-of-type(even) .embla__button {
background-color: var(--background-primary);
}
body.home section[data-module]:nth-of-type(odd) .embla__dot:after {
background-color: var(--background-secondary);
}
body.home section[data-module]:nth-of-type(even) .embla__dot:after {
background-color: var(--background-primary);
}
body.home section[data-module]:nth-of-type(even) .embla__dot--selected:after,
body.home section[data-module]:nth-of-type(odd) .embla__dot--selected:after {
background-color: var(--accent-color) !important;
} .embla__viewport {
overflow: hidden;
margin-bottom: 16px;
}
.embla__container {
display: flex;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-webkit-tap-highlight-color: transparent;
}
.embla__slide {
position: relative;
flex: 0 0 100%;
min-width: 0;
box-sizing: border-box;
padding-left: var(--embla-slide-spacing);
} .embla__controls {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: start;
}
.embla__buttons {
display: flex;
align-items: center;
gap: 16px;
margin-left: auto;
}
.embla__button {
position: relative;
display: block;
height: 55px;
width: 55px;
border-radius: 100%;
background-color: var(--background-secondary);
border: none;
cursor: pointer;
transition: background-color var(--default-transition-duration) ease;
}
.embla__button:disabled {
opacity: 0.5;
cursor: not-allowed;
}
body:not(.touch-device) .embla__button:not(:disabled):hover {
background-color: var(--accent-color) !important;
}
.embla__button:after {
content: "";
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/arrow.svg);
color: var(--text-primary);
transition: transform 0.3s ease;
width: 24px;
display: flex;
height: 24px;
background-size: contain;
position: absolute;
top: 15px;
}
.embla__button--prev:after {
left: 15px;
transform: rotate(90deg);
}
.embla__button--next:after {
right: 15px;
transform: rotate(-90deg);
} .embla__dots {
display: flex;
justify-content: center;
flex-wrap: wrap;
flex: 1;
gap: 12px;
margin-top: auto;
width: 100%;
transform: translateY(-10px);
}
.embla__dot {
background-color: transparent;
cursor: pointer;
position: relative;
padding: 0;
outline: 0;
border: 0;
width: 50px;
height: 10px;
display: flex;
align-items: center;
}
.embla__dot:after {
background-color: var(--light-gray);
width: 100%;
height: 4px;
content: "";
transition: all 0.3s ease;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
transition: background-color var(--default-transition-duration) ease;
}
.embla__dot--selected:after {
background-color: var(--accent-color);
} .embla__thumbnails {
display: flex;
flex-wrap: wrap;
gap: 10px;
}
.embla__thumbnail {
width: 100px;
height: 100px;
padding: 0;
border: 4px solid transparent;
box-sizing: border-box;
transition: border-color var(--default-transition-duration) ease;
overflow: hidden;
cursor: pointer;
}
.embla__thumbnail--active {
border-color: var(--accent-color);
}
@media screen and (max-width: 768px) {
.embla__buttons {
display: none;
}
.embla__dots {
transform: translateY(0);
margin-top: 24px;
}
}
@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:#000c;background:var(--plyr-captions-background,#000c);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:#0000;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-menu-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid #0000;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid #0000;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid #0000;border:var(--plyr-menu-item-arrow-size,4px) solid #0000;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:#0000001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:#0000;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:#0000;background-image:linear-gradient(90deg,currentColor 0,#0000 0);background-image:linear-gradient(to right,currentColor var(--value,0),#0000 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:#0000}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:#0000;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:#0000;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:#000;background-color:var(--plyr-video-background,var(--plyr-video-background,#000));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:#0000;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:#0000}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,#0000 0,#0000 50%,#23282f99 0,#23282f99 75%,#0000 0,#0000);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,#0000 25%,#0000 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,#0000 75%,#0000);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:#0000}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:#000;background:var(--plyr-video-background,var(--plyr-video-background,#000));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:#000;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:#000;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px #00000026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px #00000026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid #0000;border-left:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-right:4px solid #0000;border-right:var(--plyr-tooltip-arrow-size,4px) solid #0000;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px #00000026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(#0000,#000000bf);background:var(--plyr-video-controls-background,linear-gradient(#0000,#000000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}[data-simplebar] {
position: relative;
flex-direction: column;
flex-wrap: wrap;
justify-content: flex-start;
align-content: flex-start;
align-items: flex-start;
}
.simplebar-wrapper {
overflow: hidden;
width: inherit;
height: inherit;
max-width: inherit;
max-height: inherit;
}
.simplebar-mask {
direction: inherit;
position: absolute;
overflow: hidden;
padding: 0;
margin: 0;
left: 0;
top: 0;
bottom: 0;
right: 0;
width: auto !important;
height: auto !important;
z-index: 0;
}
.simplebar-offset {
direction: inherit !important;
box-sizing: inherit !important;
resize: none !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
padding: 0;
margin: 0;
-webkit-overflow-scrolling: touch;
}
.simplebar-content-wrapper {
direction: inherit;
box-sizing: border-box !important;
position: relative;
display: block;
height: 100%; width: auto;
max-width: 100%; max-height: 100%; overflow: auto;
scrollbar-width: none;
-ms-overflow-style: none;
}
.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
display: none;
width: 0;
height: 0;
}
.simplebar-content:before,
.simplebar-content:after {
content: ' ';
display: table;
}
.simplebar-placeholder {
max-height: 100%;
max-width: 100%;
width: 100%;
pointer-events: none;
}
.simplebar-height-auto-observer-wrapper {
box-sizing: inherit !important;
height: 100%;
width: 100%;
max-width: 1px;
position: relative;
float: left;
max-height: 1px;
overflow: hidden;
z-index: -1;
padding: 0;
margin: 0;
pointer-events: none;
flex-grow: inherit;
flex-shrink: 0;
flex-basis: 0;
}
.simplebar-height-auto-observer {
box-sizing: inherit;
display: block;
opacity: 0;
position: absolute;
top: 0;
left: 0;
height: 1000%;
width: 1000%;
min-height: 1px;
min-width: 1px;
overflow: hidden;
pointer-events: none;
z-index: -1;
}
.simplebar-track {
z-index: 1;
position: absolute;
right: 0;
bottom: 0;
pointer-events: none;
overflow: hidden;
}
[data-simplebar].simplebar-dragging {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-content {
pointer-events: none;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
[data-simplebar].simplebar-dragging .simplebar-track {
pointer-events: all;
}
.simplebar-scrollbar {
position: absolute;
left: 0;
right: 0;
min-height: 10px;
}
.simplebar-scrollbar:before {
position: absolute;
content: '';
background: black;
border-radius: 7px;
left: 2px;
right: 2px;
opacity: 0;
transition: opacity 0.2s 0.5s linear;
}
.simplebar-scrollbar.simplebar-visible:before {
opacity: 0.5;
transition-delay: 0s;
transition-duration: 0s;
}
.simplebar-track.simplebar-vertical {
top: 0;
width: 11px;
}
.simplebar-scrollbar:before {
top: 2px;
bottom: 2px;
left: 2px;
right: 2px;
}
.simplebar-track.simplebar-horizontal {
left: 0;
height: 11px;
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
right: auto;
left: 0;
top: 0;
bottom: 0;
min-height: 0;
min-width: 10px;
width: auto;
} [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical {
right: auto;
left: 0;
}
.simplebar-dummy-scrollbar-size {
direction: rtl;
position: fixed;
opacity: 0;
visibility: hidden;
height: 500px;
width: 500px;
overflow-y: hidden;
overflow-x: scroll;
-ms-overflow-style: scrollbar !important;
}
.simplebar-dummy-scrollbar-size > div {
width: 200%;
height: 200%;
margin: 10px 0;
}
.simplebar-hide-scrollbar {
position: fixed;
left: 0;
visibility: hidden;
overflow-y: scroll;
scrollbar-width: none;
-ms-overflow-style: none;
}[data-module="contact-people"] .contact-list {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
word-wrap: break-word;
}
[data-module="contact-people"] .contact-person {
background-color: var(--background-secondary);
display: flex;
flex-direction: column;
padding: 24px 40px 24px 40px;
height: 100%;
box-sizing: border-box;
}
[data-module="contact-people"] .contact-image {
width: 73px;
height: 73px;
margin-bottom: 8px;
}
[data-module="contact-people"] .contact-image .aspect-ratio-box {
padding-top: 100%;
}
[data-module="contact-people"] .contact-image img {
border-radius: 100%;
}
[data-module="contact-people"] .contact-description {
margin-bottom: 16px;
}
[data-module="contact-people"] .contact-name {
font-weight: 700;
}
[data-module="contact-people"] .contact-email,
[data-module="contact-people"] .contact-phone {
position: relative;
margin-bottom: 8px;
}
[data-module="contact-people"] .contact-email a,
[data-module="contact-people"] .contact-phone {
transition: color var(--default-transition-duration) ease;
word-break: break-all;
}
body:not(.touch-device) [data-module="contact-people"] .contact-email a:hover {
color: var(--accent-color);
}
.contact-email svg,
.contact-phone svg,
.contact-address svg {
position: absolute;
width: 16px;
height: 16px;
top: 4px;
left: -24px;
}
[data-module="contact-people"] .contact-address {
position: relative;
}
@media (max-width: 1024px) {
[data-module="contact-people"] .contact-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
[data-module="contact-people"] .contact-list {
grid-template-columns: 1fr;
}
}[data-module="banner"] {
background-color: var(--background-secondary);
padding: 96px 0;
}
body.page .wpb_wrapper [data-module="banner"]:last-of-type {
margin-bottom: 0;
}
[data-module="banner"] a {
display: flex;
flex-direction: column;
padding: 24px;
text-decoration: none;
background-color: var(--background-primary);
transition: background-color var(--default-transition-duration) ease;
}
body:not(.touch-device) [data-module="banner"] a:hover {
background-color: var(--accent-color);
}
[data-module="banner"] .link {
justify-content: end;
margin-top: 32px;
}
@media screen and (max-width: 768px) {
[data-module="banner"] {
padding: 48px 0;
}
}.single-image-container,
.single-image-copy p {
max-width: var(--content-max-width);
}
.wpb_wrapper>[data-module="excerpt"]+[data-module="single-image"] .single-image-container.image--large,
.wpb_wrapper>[data-module="single-image"]:first-child .single-image-container.image--large,
.wpb_wrapper>[data-module="excerpt"]+[data-module="single-image"] .single-image-container.image--large .single-image-copy p,
.wpb_wrapper>[data-module="single-image"]:first-child .single-image-container.image--large .single-image-copy p {
max-width: none;
}
[data-module="single-image"] .image-container {
margin-bottom: 8px;
}
.single-image-container.image--medium,
.single-image-container.image--medium+.single-image-copy p {
max-width: 570px;
}
.single-image-container.image--small,
.single-image-container.image--small+.single-image-copy p {
max-width: 360px;
}
.single-image-copy p {
font-size: 0.875rem;
line-height: 1.6;
margin-top: 0;
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
.single-image-copy p {
font-size: 0.75rem;
}
}[data-module="small-image"] {
margin-bottom: 16px;
}
[data-module]:not(.full-width) [data-module="small-image"]:not(.full-width) .module-content {
max-width: 247px;
}[data-module="excerpt"] p,
[data-module="form-newsletter-subscribe"] p,
[data-module="form-newsletter-unsubscribe"] p,
[data-module="form-press-subscribe"] p,
[data-module="form-press-unsubscribe"] p {
max-width: var(--content-max-width);
font-size: 1.125rem;
margin-bottom: 0;
}
h1+[data-module="excerpt"],
h1+.entry-content [data-module="excerpt"],
.wpb_wrapper>[data-module="excerpt"],
[data-module="form-newsletter-subscribe"] p,
[data-module="form-newsletter-unsubscribe"] p,
[data-module="form-press-subscribe"] p,
[data-module="form-press-unsubscribe"] p {
margin-bottom: 48px;
}[data-module="single-link"] a {
display: inline-flex;
background-color: var(--background-primary);
border: 2px solid var(--accent-color);
color: var(--text-primary);
padding: 12px 16px 12px 28px;
}[data-module="form-event-suggestion"] {
margin-bottom: 0;
}
[data-module="form-event-suggestion"] p.event-registration-description {
margin-bottom: 48px;
max-width: 584px;
}
[data-module="form-event-suggestion"] h4.additional-info {
margin-top: 28px;
} [data-module="form-event-suggestion"] #multi-step-form>.container {
margin-bottom: 52px;
}
[data-module="form-event-suggestion"] #multi-step-form .form-step {
opacity: 0;
transition: opacity 0.3s ease, transform 0.5s ease;
}
[data-module="form-event-suggestion"] #multi-step-form .form-step.active {
opacity: 1;
}
[data-module="form-event-suggestion"] .stepper {
position: relative;
display: flex;
justify-content: space-between;
margin-bottom: 48px;
}
[data-module="form-event-suggestion"] .step {
position: relative;
display: flex;
align-items: start;
flex-direction: column;
width: 33.33%;
gap: 8px;
text-align: center;
}
[data-module="form-event-suggestion"] .step .step-circle-container {
display: flex;
position: relative;
width: 100%;
}
[data-module="form-event-suggestion"] .step:not(:first-child) .step-circle-container::before {
content: "";
position: absolute;
top: 50%;
left: -95%;
width: 150%;
height: 2px;
background-color: var(--gray);
transform: translateY(-50%);
z-index: 1;
}
[data-module="form-event-suggestion"] .step:last-child .step-circle-container::before {
left: -50%;
}
[data-module="form-event-suggestion"] .step:not(:first-child) .step-circle-container::after {
content: "";
position: absolute;
top: 50%;
left: -97.5%;
width: 0;
height: 2px;
background-color: var(--accent-color);
transform: translateY(-50%);
transition: width 2s ease-in-out;
z-index: 2;
}
[data-module="form-event-suggestion"] .step:last-child .step-circle-container::after {
left: -50%;
}
[data-module="form-event-suggestion"] .step.active .step-circle-container::after,
[data-module="form-event-suggestion"] .step.done .step-circle-container::after {
width: 150%;
}
[data-module="form-event-suggestion"] .step[data-step="2"] {
align-items: center;
}
[data-module="form-event-suggestion"] .step[data-step="2"] .step-circle-container {
justify-content: center;
}
[data-module="form-event-suggestion"] .step[data-step="3"] {
align-items: end;
}
[data-module="form-event-suggestion"] .step[data-step="3"] .step-circle-container {
justify-content: end;
}
[data-module="form-event-suggestion"] .step .step-title {
text-align: start;
color: var(--gray);
}
[data-module="form-event-suggestion"] .step.active .step-title {
color: var(--accent-color);
}
[data-module="form-event-suggestion"] .step.done .step-title {
color: var(--text-primary);
}
[data-module="form-event-suggestion"] .step .step-circle {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
border-radius: 50%;
background-color: var(--gray);
text-align: center;
transition: background-color 0.3s ease-in-out;
z-index: 3;
}
[data-module="form-event-suggestion"] .step-circle::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 15px;
height: 15px;
border-radius: 50%;
background-color: var(--background-primary);
z-index: 1;
}
[data-module="form-event-suggestion"] .step.active .step-circle,
[data-module="form-event-suggestion"] .step.done .step-circle {
background-color: var(--accent-color);
}
[data-module="form-event-suggestion"] .step.done .step-circle::after {
content: "";
width: 17px;
height: 12px;
background-color: transparent;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/rne_checkmark.svg);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
z-index: 2;
}
[data-module="form-event-suggestion"] .form-step {
display: none;
}
[data-module="form-event-suggestion"] .form-step h3 {
margin-bottom: 16px;
}
[data-module="form-event-suggestion"] .form-step.active {
display: block;
} [data-module="form-event-suggestion"] .event-name,
[data-module="form-event-suggestion"] .event-organizer-name {
max-width: 712px;
} [data-module="form-event-suggestion"] .form-controls {
padding: 44px 0;
background-color: var(--background-secondary);
}
[data-module="form-event-suggestion"] .form-controls .container {
display: flex;
}
[data-module="form-event-suggestion"] .form-controls .next-step,
[data-module="form-event-suggestion"] .form-controls .rne-submit-button {
margin-left: auto;
} [data-module="form-event-suggestion"] .form-item.event-is-multiday {
flex-direction: row;
align-items: center;
}
[data-module="form-event-suggestion"] .form-row.end-date .form-item {
display: none;
}
[data-module="form-event-suggestion"] .prev-step,
[data-module="form-event-suggestion"] .rne-submit-button,
[data-module="form-event-suggestion"] #multi-step-form .form-controls .form-error {
display: none;
}
[data-module="form-event-suggestion"] .form-item.event-topic label {
margin-bottom: 0;
}
[data-module="form-event-suggestion"] .form-item.event-topic p.max-selections-info {
line-height: 1.6;
margin-bottom: 16px;
padding-bottom: 4px;
border-bottom: 1px solid var(--gray);
}
[data-module="form-event-suggestion"] .form-item.event-topic.is-valid p.max-selections-info {
border-bottom-color: var(--accent-color);
}
[data-module="form-event-suggestion"] .form-item.event-topic.not-valid p.max-selections-info {
border-bottom-color: var(--danger);
}
[data-module="form-event-suggestion"] .form-item.event-is-multiday>label:first-of-type {
font-weight: 400;
order: 2;
}
[data-module="form-event-suggestion"] .rne-multi-checkbox-group {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 8px;
}
.form-item.event-topic>label {
cursor: auto;
}
[data-module="form-event-suggestion"] .bold {
font-weight: 700;
}
[data-module="form-event-suggestion"] .rne-thank-you-message {
max-width: 720px;
margin-bottom: 72px;
}
[data-module="form-event-suggestion"] .rne-thank-you-message p {
margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
[data-module="form-event-suggestion"] .rne-multi-checkbox-group {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 424px) {
[data-module="form-event-suggestion"] .step .step-title {
display: none;
}
}[data-module="form-newsletter-subscribe"] .module-content {
display: flex;
flex-direction: column;
}
[data-module="form-newsletter-subscribe"] input {
background-color: var(--background-secondary);
}
#unsubscribe-link {
align-self: start;
border: 2px solid var(--accent-color);
}[data-module="form-press-subscribe"] {
scroll-margin-top: 220px;
}
@media (max-width: 1024px) {
[data-module="form-press-subscribe"] {
scroll-margin-top: 110px;
}
}[data-module="eventDetails"]+[data-module="form-event-registration"] {
margin-top: -8px;
}[data-module="gallery"] {
--gallery-thumbnail-border: 4px;
--gallery-thumbnail-hover-zoom: 1.1;
}
[data-module="gallery"] .embla__viewport {
margin-bottom: 32px;
}
[data-module="gallery"] .embla__container.main-carousel {
gap: 32px;
}
[data-module="gallery"] .embla__slide__inner {
position: relative;
overflow: hidden;
}
[data-module="gallery"] .embla__slide .image-container {
margin-bottom: 8px;
}
[data-module="gallery"] .embla__slide img {
width: 100%;
height: auto;
object-fit: cover;
}
[data-module="gallery"] .single-image-copy {
display: flex;
justify-content: space-between;
max-height: 42px;
overflow: hidden;
}
[data-module="gallery"] .rne-link svg {
width: 24px;
height: 24px;
}
[data-module="gallery"] .embla__controls {
flex-direction: row;
}
[data-module="gallery"] .embla__buttons {
transform: translateY(20px);
}
[data-module="gallery"] .embla__thumbnail {
position: relative;
border: none;
}
[data-module="gallery"] .embla__thumbnail img {
transition: transform var(--default-transition-duration) ease;
}
[data-module="gallery"] .embla__thumbnail::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: calc(100% - var(--gallery-thumbnail-border) * 2);
height: calc(100% - var(--gallery-thumbnail-border) * 2);
border: var(--gallery-thumbnail-border) solid transparent;
transition: border-color var(--default-transition-duration) ease;
}
[data-module="gallery"] .embla__thumbnail--active::after {
border-color: var(--accent-color);
}
body:not(.touch-device) [data-module="gallery"] .embla__thumbnail:hover img {
-webkit-transform: scale(var(--gallery-thumbnail-hover-zoom));
-moz-transform: scale(var(--gallery-thumbnail-hover-zoom));
-ms-transform: scale(var(--gallery-thumbnail-hover-zoom));
-o-transform: scale(var(--gallery-thumbnail-hover-zoom));
transform: scale(var(--gallery-thumbnail-hover-zoom));
}
[data-module="gallery"] .embla__thumbnail .aspect-ratio-box {
padding-top: 100%;
min-height: 0;
}
[data-module="gallery"] .embla__slide {
padding-left: 0 !important;
}
@media screen and (max-width:1024px) {
[data-module="gallery"] .embla__viewport {
margin-bottom: 16px;
}
[data-module="gallery"] .embla__buttons {
display: none;
}
[data-module="gallery"] .embla__thumbnails {
display: grid;
grid-template-columns: repeat(10, 1fr);
width: 100%;
}
[data-module="gallery"] .embla__thumbnail {
width: 100%;
height: auto;
}
}
@media screen and (max-width:768px) {
[data-module="gallery"] .embla__thumbnails {
grid-template-columns: repeat(8, 1fr);
gap: 4px;
}
}
@media screen and (max-width:500px) {
[data-module="gallery"] .embla__thumbnails {
grid-template-columns: repeat(6, 1fr);
}
}[data-module="breaking-news"] .module-content [data-module],
[data-module="breaking-news"] .module-content .aspect-ratio-box,
[data-module="breaking-news"] .nested-content {
max-width: var(--content-max-width);
}
[data-module="breaking-news"] .module-content .module-content {
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
[data-module="breaking-news"] .module-content > .image-container > .aspect-ratio-box {
padding-top: 32.5%;
}
[data-module="breaking-news"] .nested-content {
box-sizing: border-box;
padding: 24px;
background-color: var(--background-secondary);
}
[data-module="breaking-news"] [data-module="text"]:has(+ a) p:last-child {
margin-bottom: 48px;
}
[data-module="breaking-news"] [data-module="text"]:not(:has(+ a)) p:last-child {
margin-bottom: 0;
}
[data-module="breaking-news"] .link {
justify-content: end;
}
[data-module="breaking-news"] .nested-content > div:last-of-type {
margin-bottom: 0;
}
@media screen and (max-width: 768px) {
[data-module="breaking-news"] .module-content > .image-container > .aspect-ratio-box {
padding-top: 50%;
}
}[data-module="info-card"] .card-list {
display: grid;
gap: 24px;
grid-template-columns: repeat(3, 1fr);
}
[data-module="info-card"] .card {
display: flex;
flex-direction: column;
gap: 8px;
background-color: var(--background-secondary);
}
[data-module="info-card"] .card-content {
padding: 24px;
}
[data-module="info-card"] .card[data-type="accent"] {
border-top: 4px solid var(--accent-color);
}
[data-module="info-card"] .aspect-ratio-box {
padding-top: 67.5%;
}
@media screen and (max-width: 1024px) {
[data-module="info-card"] .card-list {
grid-template-columns: repeat(2, 1fr);
}
}
@media screen and (max-width: 768px) {
[data-module="info-card"] .card-list {
grid-template-columns: 1fr;
}
[data-module="info-card"] .aspect-ratio-box {
padding-top: 45%;
}
}[data-module="form-contact-cgi"] .rne-select-container {
width: 200px;
}
[data-module="form-contact-cgi"] .rne-select-trigger {
background-color: var(--background-primary);
width: 100%;
}[data-module="carousel-cooperation-partner"] .embla-cooperation-partner {
--cooperation-slide-size: 33.333333%;
}
[data-module="carousel-cooperation-partner"] .embla__container {
display: flex;
margin-left: calc(var(--embla-slide-spacing) * -1);
}
[data-module="carousel-cooperation-partner"] .embla__slide {
display: flex;
box-sizing: border-box;
flex: 0 0 var(--cooperation-slide-size);
text-align: center;
padding-left: var(--embla-slide-spacing);
}
[data-module="carousel-cooperation-partner"] .embla__slide__inner {
display: flex;
flex-direction: column;
flex: 1 auto;
background-color: var(--background-secondary);
box-sizing: border-box;
padding: 24px;
}
[data-module="carousel-cooperation-partner"] .partner-image {
display: flex;
justify-content: center;
}
[data-module="carousel-cooperation-partner"] .partner-image img {
width: 140px;
height: 140px;
border-radius: 100%;
margin-bottom: 28px;
}
[data-module="carousel-cooperation-partner"] .partner-description {
display: flex;
flex-direction: column;
flex: 1 auto;
}
[data-module="carousel-cooperation-partner"] .partner-quote {
margin-bottom: 20px;
}
[data-module="carousel-cooperation-partner"] .partner-name {
font-weight: 700;
}
[data-module="carousel-cooperation-partner"] .partner-info {
margin-bottom: 12px;
}
[data-module="carousel-cooperation-partner"] .rne-link {
margin-top: auto;
justify-content: center;
}
@media screen and (max-width: 1024px) {
[data-module="carousel-cooperation-partner"] .embla__slide {
--cooperation-slide-size: 50%;
}
}
@media screen and (max-width: 768px) {
[data-module="carousel-cooperation-partner"] .embla__slide {
--cooperation-slide-size: 75%;
}
}
@media screen and (max-width: 500px) {
[data-module="carousel-cooperation-partner"] .embla__slide {
--cooperation-slide-size: 100%;
}
}[data-module="links"] .links {
display: flex;
flex-direction: column;
max-width: var(--content-max-width);
gap: 16px;
}[data-module="event-links"] .event-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
@media (max-width: 1024px) {
[data-module="event-links"] .event-list {
grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 768px) {
[data-module="event-links"] .event-list {
grid-template-columns: 1fr; }
}[data-module="post-overview"] .post-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
[data-module="post-overview"] .post-item {
display: flex;
flex-direction: column;
height: 100%;
background-color: var(--background-secondary);
transition: background-color var(--default-transition-duration) ease;
text-decoration: none;
}
body:not(.touch-device) [data-module="post-overview"] .group:hover.post-item {
background-color: var(--accent-color);
}
[data-module="post-overview"] .aspect-ratio-box {
padding-top: 53%;
}
[data-module="post-overview"] .post-content {
display: flex;
flex-direction: column;
flex: 1;
padding: 24px 16px 24px 16px;
}
[data-module="post-overview"] .post-title {
margin-bottom: 4px;
}
[data-module="post-overview"] .post-excerpt {
margin-bottom: 24px;
}
[data-module="post-overview"] .link {
margin-top: auto;
margin-left: auto;
}
.post-details {
flex: 1;
display: flex;
flex-direction: column;
}
[data-module="post-overview"] .post-content .event-badges p:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
display: none;
}
[data-module="post-overview"] .pagination {
display: flex;
align-items: center;
gap: 8px;
justify-content: end;
margin-top: 32px;
}
[data-module="post-overview"] .sdg-badge-list {
display: none;
}
@media (max-width: 1024px) and (max-width: 1024px) {
[data-module="post-overview"] .post-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
[data-module="post-overview"] .post-container {
grid-template-columns: 1fr;
}
}[data-module="latest-news"] .post-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
[data-module="latest-news"] .post-item {
display: flex;
flex-direction: column;
height: 100%;
background-color: var(--background-secondary);
transition: background-color var(--default-transition-duration) ease;
text-decoration: none;
}
body:not(.touch-device) [data-module="latest-news"] .group:hover.post-item {
background-color: var(--accent-color);
}
[data-module="latest-news"] .aspect-ratio-box {
padding-top: 53%;
}
[data-module="latest-news"] .post-content {
display: flex;
flex-direction: column;
flex: 1;
padding: 24px 16px 24px 16px;
}
[data-module="latest-news"] .badge-list {
margin-bottom: 16px;
}
[data-module="latest-news"] .post-title {
margin-bottom: 4px;
}
[data-module="latest-news"] .post-excerpt {
margin-bottom: 24px;
}
[data-module="latest-news"] .link {
margin-top: auto;
margin-left: auto;
}
.post-details {
flex: 1;
display: flex;
flex-direction: column;
}
[data-module="latest-news"] .post-content .event-badges p:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
display: none;
}
[data-module="latest-news"] .sdg-badge-list {
display: none;
}
@media (max-width: 1024px) and (max-width: 1024px) {
[data-module="latest-news"] .post-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
[data-module="latest-news"] .post-container {
grid-template-columns: 1fr;
}
}.wpb_wrapper [data-module="newsletter-archive"]:last-child {
margin-bottom: 0;
}
[data-module="newsletter-archive"] {
padding-top: 64px;
padding-bottom: 64px;
background-color: var(--background-secondary);
}
[data-module="newsletter-archive"] h3 {
width: 100%;
max-width: none;
margin-bottom: 28px;
text-align: center;
}
[data-module="newsletter-archive"] #crArchive {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px;
}
[data-module="newsletter-archive"] .newsletter-item {
display: flex;
flex-direction: column;
align-items: start;
padding: 20px 16px;
height: 300px;
background-color: var(--background-primary);
transition: background-color 0.3s;
box-sizing: border-box;
text-decoration: none;
}
[data-module="newsletter-archive"] .crArchiveItemName {
font-family: "Yrsa";
font-size: 1.25rem;
line-height: normal;
}
body:not(.touch-device) [data-module="newsletter-archive"] .newsletter-item:hover {
background-color: var(--accent-color);
}
[data-module="newsletter-archive"] .crArchiveItemDate {
display: flex;
justify-content: center;
align-items: center;
font-size: 0.875rem;
line-height: 1.5;
padding: 3px 8px 2px 8px;
text-transform: uppercase;
color: var(--text-primary);
transition: all 0.3s ease;
background-color: var(--background-secondary);
margin-bottom: 20px;
}
body:not(.touch-device) [data-module="newsletter-archive"] .crArchiveItem:hover .crArchiveItemDate {
background-color: var(--accent-secondary) !important;
}
[data-module="newsletter-archive"] .newsletter-item .link {
margin-top: auto;
margin-left: auto;
}
[data-module="newsletter-archive"] .crArchiveItemImage,
[data-module="newsletter-archive"] .crArchiveItemDescription {
display: none;
}
body:not(.touch-device) [data-module="newsletter-archive"] .newsletter-item:hover .link:after {
transform: translateX(8px);
}
@media (max-width: 1024px) {
[data-module="newsletter-archive"] #crArchive {
grid-template-columns: repeat(2, 1fr);
}
[data-module="newsletter-archive"] .crArchiveItemName {
font-size: 1.25rem;
}
}
@media (max-width: 768px) {
[data-module="newsletter-archive"] #crArchive {
grid-template-columns: repeat(1, 1fr);
}
}[data-module="project-overview"] .project-container {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 24px;
}
[data-module="project-overview"] .project-item {
display: flex;
flex-direction: column;
height: 100%;
background-color: var(--background-secondary);
transition: background-color var(--default-transition-duration) ease;
text-decoration: none;
}
body:not(.touch-device) [data-module="project-overview"] .group:hover.project-item {
background-color: var(--accent-color);
}
[data-module="project-overview"] .aspect-ratio-box {
padding-top: 53%;
}
[data-module="project-overview"] .project-content {
display: flex;
flex-direction: column;
flex: 1;
padding: 24px 16px 24px 16px;
}
[data-module="project-overview"] .badge-list {
margin-bottom: 16px;
}
[data-module="project-overview"] .project-title {
margin-bottom: 4px;
}
[data-module="project-overview"] .project-excerpt {
margin-bottom: 24px;
}
[data-module="project-overview"] .link {
margin-top: auto;
margin-left: auto;
}
.project-details {
flex: 1;
display: flex;
flex-direction: column;
}
[data-module="project-overview"] .project-content .event-badges p:not(:nth-of-type(1), :nth-of-type(2), :nth-of-type(3)) {
display: none;
}
@media (max-width: 1024px) and (max-width: 1024px) {
[data-module="project-overview"] .project-container {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 600px) {
[data-module="project-overview"] .project-container {
grid-template-columns: 1fr;
}
}[data-module="frontpage-hero"] {
margin-bottom: 0;
}
[data-module="frontpage-hero"] .module-content {
position: relative;
z-index: 2;
}
[data-module="frontpage-hero"] .frontpage-heading {
margin-bottom: 108px;
}
[data-module="frontpage-hero"] .image-container {
position: relative;
width: 100%;
overflow: visible;
}
[data-module="frontpage-hero"] .aspect-ratio-box {
padding-top: 35%;
}
[data-module="frontpage-hero"] .module-background {
width: calc(100% - calc(var(--container-padding) * 2));
margin-left: auto;
margin-right: auto;
position: relative;
}
[data-module="frontpage-hero"] .top-left-box {
width: 105px;
height: 105px;
background-color: var(--light-green);
position: absolute;
top: -16px;
left: calc(var(--container-padding) / 2 * -1);
z-index: -1;
opacity: 45%;
}
[data-module="frontpage-hero"] .bottom-right-box-small {
width: 80px;
height: 80px;
background-color: var(--light-green);
position: absolute;
bottom: -30px;
right: calc(148px - var(--container-padding) / 2 * -1);
z-index: -1;
opacity: 50%;
}
[data-module="frontpage-hero"] .bottom-right-box-medium {
width: 134px;
height: 134px;
background-color: var(--light-green);
position: absolute;
bottom: -84px; right: calc(24px - calc(var(--container-padding) / 2 * -1));
z-index: -1;
opacity: 50%;
}
[data-module="frontpage-hero"] .bottom-right-box-large {
width: 162px;
height: 162px;
background-color: var(--light-green);
position: absolute;
bottom: -55px;
right: calc(var(--container-padding) / 2 * -1);
z-index: -1;
opacity: 70%;
}
[data-module="frontpage-hero"] .embla__container {
width: calc(100% - 102px);
margin-left: auto;
}
[data-module="frontpage-hero"] .embla__slide {
display: flex;
flex: 0 1 auto;
flex-direction: column;
align-items: start;
box-sizing: border-box;
margin-left: 0;
width: calc(33.33% - 16px);
height: 224px;
padding: 20px 28px;
text-decoration: none;
transition: all 0.6s ease;
} body.home section[data-module]:nth-of-type(odd) .embla__slide {
background-color: var(--background-secondary);
}
body.home section[data-module]:nth-of-type(even) .embla__slide {
background-color: var(--background-primary);
}
body:not(.touch-device) section[data-module="frontpage-hero"] .embla__slide:hover {
background-color: var(--accent-color);
}
body:not(.touch-device) [data-module="frontpage-hero"] .embla__slide:hover .link::after {
transform: translateX(8px);
}
[data-module="frontpage-hero"] .embla__slide h5 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
[data-module="frontpage-hero"] .embla__slide .link {
margin-top: auto;
margin-left: auto;
padding-bottom: 12px;
}
[data-module="frontpage-hero"] .embla__slide .badge {
margin-bottom: 8px;
}
body:not(.touch-device) [data-module="frontpage-hero"] .embla__slide:hover .badge {
background-color: var(--accent-secondary);
}
[data-module="frontpage-hero"] .embla__dots {
display: none;
justify-content: start;
}
@media screen and (max-width: 1200px) {
[data-module="frontpage-hero"] .frontpage-heading div {
max-width: 720px;
}
}
@media screen and (max-width: 1024px) {
[data-module="frontpage-hero"] .frontpage-heading {
margin-bottom: 64px;
}
[data-module="frontpage-hero"] .aspect-ratio-box {
padding-top: 45%;
}
}
@media screen and (min-width: 769px) {
[data-module="frontpage-hero"] .embla__container {
display: flex;
gap: 24px;
position: absolute;
top: -34px;
left: 0;
right: 0;
bottom: 0;
justify-content: end;
align-items: start;
}
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
[data-module="frontpage-hero"] .embla__container {
width: calc(100% - 74px);
}
[data-module="frontpage-hero"] .embla__slide .link {
font-size: 14px;
}
[data-module="frontpage-hero"] .embla__slide .link::after {
width: 28px;
height: 23px;
margin-left: 0;
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
[data-module="frontpage-hero"] .embla__container {
width: 100%;
}
[data-module="frontpage-hero"] .frontpage-heading {
margin-bottom: 48px;
}
[data-module="frontpage-hero"] .module-background {
width: calc(100% - 32px);
margin-bottom: 44px;
}
[data-module="frontpage-hero"] .top-left-box {
width: 74px;
height: 74px;
top: -8px;
left: calc(var(--container-padding) / 2 * -1);
}
[data-module="frontpage-hero"] .bottom-right-box-small {
width: 65px;
height: 65px;
bottom: -16px;
right: var(--container-padding);
}
[data-module="frontpage-hero"] .bottom-right-box-medium {
display: none;
}
[data-module="frontpage-hero"] .bottom-right-box-large {
width: 95px;
height: 95px;
bottom: -6px;
right: calc(var(--container-padding) / 2 * -1);
}
[data-module="frontpage-hero"] .embla-frontpage-hero {
padding-left: var(--container-padding);
padding-right: var(--container-padding);
overflow: hidden;
}
[data-module="frontpage-hero"] .embla__container {
display: flex;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
overflow: visible;
gap: 32px;
margin-bottom: 18px;
}
[data-module="frontpage-hero"] .embla__slide {
flex: 0 0 calc(80% - 32px);
}
[data-module="frontpage-hero"] .embla__dots {
display: flex;
}
[data-module="frontpage-hero"] .embla__dot.is-selected:after {
opacity: 1;
}
}
@media screen and (max-width: 425px) {
[data-module="frontpage-hero"] .aspect-ratio-box {
padding-top: 57.5%;
}
[data-module="frontpage-hero"] .embla__container.container {
gap: 16px;
}
[data-module="frontpage-hero"] .embla__slide {
flex: 0 0 calc(95% - 16px);
}
}body.home section[data-module]:nth-of-type(odd)[data-module="frontpage-council"] .embla__slide,
body.home section[data-module]:nth-of-type(even)[data-module="frontpage-council"] .embla__slide {
background-color: transparent;
}
body.home section[data-module]:nth-of-type(odd)[data-module="frontpage-council"] .embla__dot:after {
background-color: var(--background-secondary);
}
body.home section[data-module]:nth-of-type(even)[data-module="frontpage-council"] .embla__dot:after {
background-color: var(--light-gray);
}
body.home section[data-module]:nth-of-type(even)[data-module="frontpage-council"] .embla__slide__content {
background-color: var(--background-primary);
}
body.home section[data-module]:nth-of-type(odd)[data-module="frontpage-council"] .embla__slide__content {
background-color: var(--background-secondary);
} [data-module="frontpage-council"] {
--council-slide-spacing: 32px;
}
body.home [data-module="frontpage-council"] {
margin-bottom: 0;
}
[data-module="frontpage-council"] .module-content {
display: flex;
flex-direction: column;
}
[data-module="frontpage-council"] .carousel-container {
display: flex;
gap: 32px;
}
[data-module="frontpage-council"] .embla__viewport {
flex: 1;
}
[data-module="frontpage-council"] .embla__container {
display: flex;
margin-left: 0;
}
[data-module="frontpage-council"] .embla__button {
align-self: center;
background-color: var(--background-primary);
transform: translateY(-28px);
}
[data-module="frontpage-council"] .embla__slide {
flex: 0 0 100%;
padding-left: 0;
padding-right: 0;
padding-bottom: 56px;
margin-right: var(--council-slide-spacing);
}
[data-module="frontpage-council"] .embla__slide__content {
position: relative;
display: flex;
height: 100%;
padding: 0px 32px;
} [data-module="frontpage-council"] .quote-svg {
position: absolute;
bottom: -44px;
left: 36px;
}
[data-module="frontpage-council"] .quote-svg::after {
content: "";
width: 66px;
height: 56px;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/quotes.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
display: block;
}
[data-module="frontpage-council"] .member-image {
display: flex;
justify-content: center;
align-items: center;
padding: 40px 48px;
}
[data-module="frontpage-council"] .member-info {
display: flex;
flex-direction: column;
justify-content: center;
align-items: start;
padding: 24px;
}
[data-module="frontpage-council"] .member-quote {
margin-bottom: 28px;
user-select: none;
font-size: 1.125rem;
}
[data-module="frontpage-council"] .member-name {
margin-bottom: 42px;
user-select: none;
}
[data-module="frontpage-council"] .member-realname {
font-size: 1.25rem;
margin-bottom: 8px;
display: inline-block;
}
[data-module="frontpage-council"] span.member-job,
[data-module="frontpage-council"] span.member-position {
font-size: 1.125rem;
}
body:not(.touch-device) [data-module="frontpage-council"] .link {
padding-bottom: 4px;
border-bottom: 3px solid transparent;
transition: color 0.3s ease, border-bottom 0.3s ease;
}
body:not(.touch-device) [data-module="frontpage-council"] .link:hover {
border-bottom: 3px solid var(--accent-color);
}
[data-module="frontpage-council"] .member-image .image-container {
width: 323px;
height: 323px;
border-radius: 50%;
}
[data-module="frontpage-council"] .member-image .aspect-ratio-box {
padding-top: 100%;
} [data-module="frontpage-council"] .embla__thumbnails {
display: flex;
width: 80%;
margin-left: auto;
margin-right: auto;
gap: 18px;
flex-wrap: wrap;
justify-content: center;
}
[data-module="frontpage-council"] .embla__thumbnails .aspect-ratio-box {
padding-top: 0;
}
[data-module="frontpage-council"] .embla__thumbnail {
position: relative;
width: 84px;
height: 84px;
display: flex;
justify-content: center;
align-items: center;
background-color: transparent;
border: none;
}
[data-module="frontpage-council"] .embla__thumbnail:hover {
cursor: pointer;
}
[data-module="frontpage-council"] .embla__thumbnail picture {
display: flex;
justify-content: center;
align-items: center;
}
[data-module="frontpage-council"] .embla__thumbnail img {
position: relative;
width: 72px;
height: 72px;
border-radius: 50%;
transition: width 0.3s, height 0.3s ease;
}
[data-module="frontpage-council"] .embla__thumbnail:hover img,
[data-module="frontpage-council"] .embla__thumbnail--active img {
width: 84px;
height: 84px;
} @keyframes progress {
from {
stroke-dashoffset: 0;
}
to {
stroke-dashoffset: 252;
}
}
[data-module="frontpage-council"] .embla__thumbnail:not(.embla__thumbnail--active) svg {
opacity: 0;
animation: none;
}
[data-module="frontpage-council"] .progress-ring {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[data-module="frontpage-council"] .progress-ring__circle {
transition: stroke-dashoffset 0.35s;
transform: rotate(-90deg);
transform-origin: 50% 50%;
stroke-dasharray: 252;
stroke-dashoffset: 0;
}
[data-module="frontpage-council"] .embla__thumbnail--active .progress-ring__circle {
opacity: 1;
} [data-module="frontpage-council"] .mobile-button {
display: none;
margin-left: auto;
}
[data-module="frontpage-council"] .embla__dots {
display: none;
} @media screen and (max-width: 1024px) {
[data-module="frontpage-council"] .embla__slide__content {
padding: 0px 16px;
}
[data-module="frontpage-council"] .member-image {
padding: 40px 24px;
}
[data-module="frontpage-council"] .member-image .image-container {
width: 200px;
height: 200px;
}
[data-module="frontpage-council"] .link {
padding-bottom: 0;
}
}
@media screen and (max-width: 768px) {
[data-module="frontpage-council"] .embla__slide__content {
flex-direction: column;
padding: 0 24px;
}
[data-module="frontpage-council"] .quote-svg {
top: -24px;
left: 12px;
bottom: 0;
}
[data-module="frontpage-council"] .member-image {
padding: 20px 16px;
}
[data-module="frontpage-council"] .member-image .image-container {
width: 260px;
height: 260px;
}
[data-module="frontpage-council"] .member-info {
padding: 24px 0px;
}
[data-module="frontpage-council"] .member-name {
font-size: 1.125rem;
line-height: normal;
}
[data-module="frontpage-council"] .embla__thumbnails,
[data-module="frontpage-council"] .embla__button {
display: none;
}
[data-module="frontpage-council"] .embla__dots {
display: flex;
margin-bottom: 68px;
}
[data-module="frontpage-council"] .embla__dot::after {
background-color: var(--light-gray);
}
[data-module="frontpage-council"] .embla__dot--selected::after {
background-color: var(--accent-color);
}
[data-module="frontpage-council"] .frontpage-heading .btn {
display: none;
}
[data-module="frontpage-council"] .mobile-button {
display: flex;
}
[data-module="frontpage-council"] .embla__slide {
flex: 0 0 100%;
padding-top: 24px;
padding-left: 0;
padding-bottom: 0;
}
}body.home section[data-module]:nth-of-type(odd) .document-content {
background-color: var(--background-secondary);
}
body.home section[data-module]:nth-of-type(even) .document-content {
background-color: var(--background-primary);
}
body.home:not(.touch-device) section[data-module] .document-link:hover .document-content {
background-color: var(--accent-color);
max-height: calc(100% - 48px);
}
[data-module="frontpage-documents"] {
margin-bottom: 0;
}
[data-module="frontpage-documents"] .module-content {
display: flex;
flex-direction: column;
}
[data-module="frontpage-documents"] .document-container {
display: flex;
gap: 24px;
}
[data-module="frontpage-documents"] .document-link {
flex-grow: 1;
flex-basis: 0;
min-width: 0;
text-decoration: none;
color: inherit;
}
[data-module="frontpage-documents"] .document {
position: relative;
display: flex;
flex-direction: column;
justify-content: end;
height: 388px;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
overflow: hidden;
}
[data-module="frontpage-documents"] .document .image-container {
position: absolute;
height: 100%;
}
[data-module="frontpage-documents"] .document .aspect-ratio-box {
height: 100%;
padding-top: 0;
}
[data-module="frontpage-documents"] .document-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
max-height: 50%;
transition: all 0.6s ease;
margin-right: 36px;
padding: 20px 24px;
box-sizing: border-box;
height: 100%;
}
[data-module="frontpage-documents"] .document-type {
display: flex;
align-items: center;
gap: 8px;
margin-bottom: 8px;
}
[data-module="frontpage-documents"] .document-content h4 {
line-height: 1.1em;
min-height: calc(1.1em * 3);
max-height: calc(1.1em * 3);
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 8px;
}
[data-module="frontpage-documents"] .document-content .type.badge {
transition: background-color 0.6s ease;
}
body:not(.touch-device) [data-module="frontpage-documents"] .document:hover .document-content .type.badge {
background-color: var(--accent-secondary);
}
[data-module="frontpage-documents"] .document-content .document-excerpt {
opacity: 0;
max-height: 0;
transition: max-height 0.3s ease, opacity 0.3s ease 0.3s;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
body:not(.touch-device) [data-module="frontpage-documents"] .document-link:hover .document-content .document-excerpt {
opacity: 1;
max-height: 80px;
}
[data-module="frontpage-documents"] .document-content .published-date {
position: relative;
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
align-self: end;
margin-top: auto;
}
[data-module="frontpage-documents"] .document .document-content .published-date::after {
content: "";
display: inline-block;
opacity: 0;
width: 36px;
height: 33px;
margin-right: 12px;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/arrow-right-long.svg);
color: var(--text-primary);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
transition: opacity 0.3s ease, transform 0.3s ease;
}
body:not(.touch-device) [data-module="frontpage-documents"] .document-link:hover .document-content .published-date::after {
opacity: 1;
transform: translateX(8px);
}
[data-module="frontpage-documents"] .mobile-button {
display: none;
margin-left: auto;
}
@media screen and (max-width: 768px) {
[data-module="frontpage-documents"] .frontpage-heading .btn {
display: none;
}
[data-module="frontpage-documents"] .document-container {
flex-direction: column;
gap: 32px;
margin-bottom: 48px;
}
[data-module="frontpage-documents"] .document-content {
height: auto;
}
[data-module="frontpage-documents"] .mobile-button {
display: flex;
margin-left: auto;
}
[data-module="frontpage-documents"] .document-content h4 {
min-height: 0;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
[data-module="frontpage-documents"] .document-content {
margin-right: 16px;
}
}
@media screen and (max-width: 425px) {
[data-module="frontpage-documents"] .document-content {
margin-right: 16px;
}
}body.home section[data-module]:nth-of-type(odd) .news-content {
background-color: var(--background-secondary);
}
body.home section[data-module]:nth-of-type(even) .news-content {
background-color: var(--background-primary);
}
[data-module="frontpage-news"] {
margin-bottom: 0;
}
[data-module="frontpage-news"] .image-container {
margin-left: 0;
margin-right: 0;
}
[data-module="frontpage-news"] .module-content {
display: flex;
flex-direction: column;
}
[data-module="frontpage-news"] .badge {
margin-bottom: 8px;
}
body:not(.touch-device) [data-module="frontpage-news"] .group:hover .badge {
background-color: var(--accent-secondary);
}
[data-module="frontpage-news"] .group .overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
pointer-events: none;
transition: background-color 0.6s ease;
background-color: rgba(0, 0, 0, 0);
}
body:not(.touch-device) [data-module="frontpage-news"] .group:hover .overlay {
background-color: rgba(0, 0, 0, 0.4);
}
[data-module="frontpage-news"] .news-container {
display: grid;
grid-template-columns: repeat(12, 1fr);
gap: 24px;
align-items: start;
}
[data-module="frontpage-news"] .big-news,
[data-module="frontpage-news"] .small-news {
text-decoration: none;
}
[data-module="frontpage-news"] .news-content {
flex: 1 auto;
background-color: var(--background-primary);
}
[data-module="frontpage-news"] .news-title {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
body:not(.touch-device) [data-module="frontpage-news"] .group:hover .news-content {
background-color: var(--accent-color);
}
[data-module="frontpage-news"] .big-news {
display: flex;
grid-column: span 7;
flex-direction: column;
}
[data-module="frontpage-news"] .big-news .news-title {
margin-bottom: 4px;
}
[data-module="frontpage-news"] .news-content {
display: flex;
flex-direction: column;
align-items: start;
transition: background-color 0.6s ease, margin-top 0.6s;
position: relative;
z-index: 1;
}
[data-module="frontpage-news"] .big-news .news-content {
padding: 24px;
}
[data-module="frontpage-news"] .big-news .news-content .news-excerpt {
overflow: hidden;
max-height: 0;
opacity: 0;
transition: max-height 0.6s ease, opacity 0.6s ease;
}
[data-module="frontpage-news"] .big-news .news-content .news-date {
position: relative;
padding-right: 20px;
margin-right: 20px;
}
[data-module="frontpage-news"] .big-news .news-content .news-date::after {
content: "|";
position: absolute;
right: 0;
top: 50%;
transform: translateY(-50%);
}
[data-module="frontpage-news"] .news-content .link {
margin-left: auto;
margin-top: auto;
}
[data-module="frontpage-news"] .big-news .news-content .link::after {
margin-left: 0;
margin-top: 0;
}
[data-module="frontpage-news"] .small-news-container {
display: flex;
grid-column: span 5;
flex-direction: column;
gap: 24px;
}
[data-module="frontpage-news"] .small-news-container .image-container {
max-width: 170px;
}
[data-module="frontpage-news"] .small-news-container .small-news {
display: flex;
height: 226px;
}
[data-module="frontpage-news"] .small-news .aspect-ratio-box {
padding-top: 0;
height: 100%;
}
[data-module="frontpage-news"] .small-news-container .news-content {
padding: 24px 16px 20px 16px;
}
[data-module="frontpage-news"] .mobile-button {
display: none;
margin-left: auto;
}
[data-module="frontpage-news"] .news-content .link {
padding-top: 0;
padding-bottom: 0;
}
@media screen and (max-width: 1024px) {
[data-module="frontpage-news"] .big-news {
grid-column: span 6;
}
[data-module="frontpage-news"] .small-news-container {
grid-column: span 6;
}
}
@media screen and (max-width: 768px) {
[data-module="frontpage-news"] .news-container {
margin-bottom: 48px;
}
[data-module="frontpage-news"] .big-news {
grid-column: span 12;
}
[data-module="frontpage-news"] .big-news h3 {
font-size: 1.5rem;
}
[data-module="frontpage-news"] .big-news .news-content .news-excerpt {
max-height: none;
height: auto;
opacity: 1;
}
[data-module="frontpage-news"] .small-news-container {
grid-column: span 12;
}
[data-module="frontpage-news"] .small-news .news-content {
flex: 1 auto;
}
[data-module="frontpage-news"] .small-news-container .news-title {
-webkit-line-clamp: 4;
line-clamp: 4;
}
[data-module="frontpage-news"] .news-content .link {
padding-top: 0;
padding-bottom: 0;
}
[data-module="frontpage-news"] .frontpage-heading .btn {
display: none;
}
[data-module="frontpage-news"] .mobile-button {
display: flex;
}
}body.home section[data-module]:nth-of-type(odd) .event {
background-color: var(--background-secondary);
}
body.home section[data-module]:nth-of-type(even) .event {
background-color: var(--background-primary);
}
body.home:not(.touch-device) section .group:hover .event,
body.home:not(.touch-device) section .event:hover,
body:not(.touch-device) .group:hover .event,
body:not(.touch-device) .event:hover {
background-color: var(--accent-color);
}
body.home:not(.touch-device) section .group:hover .badge {
background-color: var(--accent-secondary);
}
[data-module="frontpage-events"] {
margin-bottom: 0;
}
[data-module="frontpage-events"] .module-content {
display: flex;
flex-direction: column;
}
.primary-event-container .aspect-ratio-box {
padding-top: unset;
height: 100%;
}
.event-content h4,
.event-content h5 {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
}
.secondary-events-container {
display: flex;
align-items: stretch;
gap: 24px;
}
.primary-event-container {
display: flex;
margin-bottom: 24px;
text-decoration: none;
}
.primary-event-container .event {
height: auto;
}
.event {
display: flex;
flex-direction: column;
flex-grow: 1;
padding: 20px 16px;
width: 100%;
min-height: 300px;
box-sizing: border-box;
text-decoration: none;
transition: background-color 0.3s ease;
}
.event.primary-event {
padding: 24px 24px 18px 24px;
}
.event.primary-event .event-excerpt {
margin-bottom: 32px;
}
body:not(.touch-device) .group:hover .event-link.link::after {
transform: translateX(8px);
}
.event-content {
display: flex;
flex-direction: column;
height: 100%;
}
.event-badges {
display: flex;
gap: 8px;
flex-wrap: wrap;
margin-bottom: 8px;
}
.badges {
align-self: start;
}
.event-title {
display: -webkit-box;
line-height: 1.1em;
min-height: calc(1.1em* 3);
max-height: calc(1.1em* 3);
display: -webkit-box;
-webkit-line-clamp: 3;
line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-bottom: 8px;
}
.event-link.link {
margin-top: auto;
margin-left: auto;
}
.mobile-button {
display: none;
margin-left: auto;
}
@media screen and (max-width: 768px) {
.primary-event-container {
flex-direction: column;
}
.primary-event-container .aspect-ratio-box {
padding-top: 50%;
}
.primary-event-container h4 {
font-size: 1.5rem;
}
.event {
width: auto;
padding: 20px 16px 12px 16px;
}
.event.primary-event {
padding: 24px 16px 12px 16px;
}
.primary-event-image {
width: 100%;
}
.secondary-events-container {
flex-wrap: wrap;
margin-bottom: 48px;
}
.frontpage-heading .btn {
display: none;
}
.mobile-button {
display: flex;
}
}
@media screen and (max-width: 480px) {
.primary-event-container .aspect-ratio-box {
padding-top: 65%;
}
}[data-module="frontpage-council"].carousel-council .embla__button {
background-color: var(--background-secondary) !important;
}
[data-module="frontpage-council"].carousel-council .embla__slide__content {
background-color: var(--background-secondary) !important;
}[data-module="table"] .table {
display: flex;
flex-direction: row;
align-items: flex-start;
max-width: var(--content-max-width);
gap: 20px;
border-bottom: 1px solid var(--gray);
}
[data-module="table"] .table-heading {
flex: 0 0 264px;
font-size: 1.125rem;
margin: 0;
}
[data-module="table"] .table-content {
flex: 1;
display: flex;
flex-direction: column;
} @media (max-width: 768px) {
[data-module="table"] .table {
flex-direction: column;
}
[data-module="table"] .table-heading {
flex: none;
width: 100%;
border-left: 1px solid var(--text-primary);
padding-left: 12px;
}
}[data-module="text"] .module-content>* {
max-width: var(--content-max-width);
}
[data-module="text"] p {
margin-bottom: 16px;
padding-left: 0 !important;
padding-right: 0 !important;
}
[data-module="text"] p:last-child {
margin-bottom: 32px;
} [data-module="text"] ul,
[data-module="text"] ol {
margin-bottom: 16px;
}
[data-module="text"] ul:last-child,
[data-module="text"] ol:last-child {
margin-bottom: 0;
}
[data-module="text"] li {
position: relative;
padding-left: 16px;
}
[data-module="text"] ul li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
background-color: var(--text-primary);
border-radius: 100%;
}
[data-module="text"] ol li {
margin-top: 12px;
margin-left: 20px;
}
[data-module="text"] ol li::marker {
font-weight: 500;
}
[data-module="text"] a {
transition: color var(--default-transition-duration) ease;
}
[data-module="text"] a:hover {
color: var(--accent-color);
}
[data-module="text"] strong,
[data-module="text"] b {
font-weight: 600;
}
[data-module="text"] .module-content>strong { display: inline-block;
} [data-module="text"] .module-content b {
margin-bottom: 16px;
display: inline-block;
}[data-module="text-with-image"] .module-content div {
max-width: var(--content-max-width);
}
[data-module="text-with-image"] .text-with-image-inner {
display: flex;
gap: 20px;
}
[data-module="text-with-image"] .image {
width: 247px;
}
[data-module="text-with-image"] .text {
flex: 1;
}
[data-module="text-with-image"] .text p,
[data-module="text-with-image"] .text strong,
[data-module="text-with-image"] .text b {
margin-bottom: 16px;
padding-left: 0 !important;
padding-right: 0 !important;
}
[data-module="text-with-image"] .text p > b,
[data-module="text-with-image"] .text p > strong {
margin-bottom: 0;
}
[data-module="text-with-image"] .text strong,
[data-module="text-with-image"] .text b {
display: inline-block;
}
[data-module="text-with-image"] .text p:last-child {
margin-bottom: 32px;
} [data-module="text-with-image"] .text ul,
[data-module="text-with-image"] .text ol {
margin-bottom: 16px;
}
[data-module="text-with-image"] .text ul:last-child,
[data-module="text-with-image"] .text ol:last-child {
margin-bottom: 0;
}
[data-module="text-with-image"] .text li {
position: relative;
padding-left: 16px;
}
[data-module="text-with-image"] .text ul li::before {
content: "";
position: absolute;
top: 10px;
left: 0;
width: 4px;
height: 4px;
background-color: var(--text-primary);
border-radius: 100%;
}
[data-module="text-with-image"] .text ol li {
margin-top: 12px;
margin-left: 20px;
}
[data-module="text-with-image"] .text ol li::marker {
font-weight: 500;
}
[data-module="text-with-image"] .text a {
transition: color var(--default-transition-duration) ease;
}
[data-module="text-with-image"] .text a:hover {
color: var(--accent-color);
}
[data-module="text-with-image"] .text strong,
[data-module="text-with-image"] .text b {
font-weight: 600;
}
[data-module="text-with-image"] .text .module-content > strong {
margin-bottom: 16px;
display: inline-block;
} [data-module="text-with-image"] .text .module-content b {
margin-bottom: 16px;
display: inline-block;
}
@media screen and (max-width: 768px) {
[data-module="text-with-image"] .text-with-image-inner {
flex-direction: column;
gap: 12px;
}
[data-module="text-with-image"] .image[data-image="left"] {
order: 2;
}
[data-module="text-with-image"] .image {
width: 100%;
}
}[data-module="headline"] {
margin-bottom: 0;
}[data-module="council-cards"] .council-card-container {
display: grid;
gap: 24px;
grid-template-columns: repeat(3, 1fr);
}
[data-module="council-cards"] .council-card {
display: flex;
flex-direction: column;
background-color: var(--background-secondary);
transition: background-color var(--default-transition-duration) ease;
text-decoration: none;
}
body:not(.touch-device) [data-module="council-cards"] .council-card:hover {
background-color: var(--accent-color);
}
[data-module="council-cards"] .council-card .image-container {
display: flex;
justify-content: center;
}
[data-module="council-cards"] .card-image {
display: flex;
justify-content: center;
align-items: center;
padding: 40px;
}
[data-module="council-cards"] .card-image .aspect-ratio-box {
height: 284px;
width: 284px;
border-radius: 100%;
}
[data-module="council-cards"] .council-card .card-info {
display: flex;
flex-direction: column;
flex: 1 0 auto;
padding: 24px 24px 28px 24px;
}
[data-module="council-cards"] .council-card .card-info p {
margin-bottom: 24px;
}
[data-module="council-cards"] .council-card .link {
justify-content: start;
margin-top: auto;
}
@media screen and (max-width: 1024px) {
[data-module="council-cards"] .council-card-container {
grid-template-columns: repeat(2, 1fr);
}
[data-module="council-cards"] .card-image .aspect-ratio-box {
height: 220px;
width: 220px;
}
}
@media screen and (max-width: 768px) {
[data-module="council-cards"] .council-card .image-container {
justify-content: start;
}
[data-module="council-cards"] .council-card-container {
grid-template-columns: 1fr;
}
[data-module="council-cards"] .card-image {
padding: 24px;
}
[data-module="council-cards"] .card-image .aspect-ratio-box {
height: 180px;
width: 180px;
}
}[data-module="event-primary"] .primary-event {
background-color: var(--background-secondary);
}[data-module="event-details"] p.semi-bold {
font-weight: 500;
}
[data-module="event-details"] .module-content {
display: flex;
gap: 24px;
}
[data-module="event-details"] .module-content>div {
box-sizing: border-box;
display: flex;
flex-direction: column;
gap: 8px;
width: calc(50% - 32px);
flex-grow: 1;
}
[data-module="event-details"] .has-icon {
display: flex;
align-items: center;
}
[data-module="event-details"] .has-icon svg {
margin-right: 8px;
}
[data-module="event-details"] .event-time span {
margin-right: 4px;
}
@media screen and (max-width: 768px) {
[data-module="event-details"] .module-content {
flex-direction: column;
}
[data-module="event-details"] .module-content>div {
width: 100%;
}
}.air-datepicker,
.air-datepicker.-inline- {
font-family: "Fira Sans";
width: 284px;
border-radius: 0;
}
.air-datepicker--content {
padding: 0 16px 16px 16px;
}
.air-datepicker-body--day-names {
border-top: 1px dashed #a0aaaf;
border-bottom: 1px dashed #a0aaaf;
}
.air-datepicker-nav {
padding: 16px 16px 0 16px;
border-bottom: none;
}
.air-datepicker-nav--title {
color: var(--text-primary);
font-size: 1rem;
}
.air-datepicker-nav--title i {
color: var(--text-primary);
}
.air-datepicker-nav--action {
background-color: var(--background-secondary);
border-radius: 0;
}
.air-datepicker-nav--action svg {
width: 16px;
height: 16px;
}
.air-datepicker-nav--action[data-action="prev"] svg {
transform: rotate(90deg);
}
.air-datepicker-nav--action[data-action="next"] svg {
transform: rotate(-90deg);
}
.air-datepicker-nav--action path {
stroke-width: 0;
fill: var(--text-primary);
color: var(--text-primary);
}
.air-datepicker-body--day-name {
color: var(--text-primary);
font-size: 0.875rem;
font-weight: 500;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.air-datepicker-body--cells.-days- {
display: grid;
grid-template-columns: repeat(7, 1fr);
grid-auto-rows: 42px;
gap: 2px;
}
.air-datepicker-cell.-day- {
align-items: end;
border: 2px solid transparent;
border-radius: 0;
}
body:not(.touch-device) .air-datepicker-cell:not(.-disabled-):hover {
background-color: var(--accent-color);
}
.has-event {
background-color: #fcfbe6;
color: #9ca225;
}
.has-event.rne-event {
background-color: #eaec9e;
}
.air-datepicker-cell.-selected-,
.has-event.rne-event.-selected- {
background-color: var(--accent-color) !important;
border: 2px solid var(--accent-color);
}
.air-datepicker-cell.-current- {
border-color: var(--accent-color);
color: var(--text-primary);
}
.air-datepicker-cell.-selected-.-current- {
background-color: var(--accent-color);
border-color: var(--accent-color);
}
.day-cell {
position: relative;
}
.event-icon {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto;
position: absolute;
top: 4px;
left: 50%;
transform: translateX(-50%);
}
.event-icon svg {
width: 14px;
height: 14px;
}
.event-icon path {
color: #9ca225;
}
.datepicker-wrapper {
position: relative;
display: flex;
align-items: end;
margin-right: 16px;
}
.calendar-icon-button {
border-radius: 4px;
padding: 10px;
}
.event-date-reset {
height: 34px;
padding: 8px;
margin-right: 32px;
border-radius: 4px;
font-size: 16px;
}
.form-buttons .event-date-reset {
margin-left: 8px;
}
.datepicker-wrapper .calendar-icon {
display: inline-block;
cursor: pointer;
width: 14px;
height: 14px;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/calendar.svg);
background-size: contain;
background-repeat: no-repeat;
}
[data-module="event-calendar"] .datepicker-wrapper .calendar-icon-button.has-value {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
margin-right: 2px;
}
[data-module="event-calendar"] .datepicker-wrapper input {
border-radius: 0;
opacity: 0;
width: 0;
border: none;
background: none;
color: transparent;
cursor: pointer;
padding: 0;
text-align: center;
cursor: auto;
height: 100%;
}
[data-module="event-calendar"] .datepicker-wrapper input.has-value {
opacity: 1;
background-color: var(--background-secondary);
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
text-align: center;
width: 96px;
color: var(--text-primary);
height: 34px;
} [data-module="event-calendar"] {
margin-bottom: 112px;
}
[data-module="event-calendar"] h2 {
margin-bottom: 32px;
}
[data-module="event-calendar"] #event-filter-form {
margin-bottom: 48px;
}
[data-module="event-calendar"] .event-list {
max-width: 944px;
margin-left: auto;
margin-right: auto;
margin-bottom: 48px;
}
[data-module="event-calendar"] .event-list.no-events-found {
display: flex;
justify-content: center;
align-items: center;
padding: 24px;
width: 100%;
box-sizing: border-box;
text-align: center;
background-color: var(--background-secondary);
margin-bottom: 48px;
}
[data-module="event-calendar"] .event-list.no-events-found .no-events {
margin-bottom: 0;
}
[data-module="event-calendar"] #event-filter-form .form-item {
margin-bottom: 0;
}
[data-module="event-calendar"] #event-filter-form .general-search {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 24px;
margin-bottom: 16px;
}
[data-module="event-calendar"] #event-filter-form .internal-event-filter {
margin-bottom: 28px;
}
[data-module="event-calendar"] #event-filter-form .form-item.checkbox {
flex-direction: row;
align-items: center;
}
[data-module="event-calendar"] #event-filter-form .form-item.checkbox label {
order: 2;
font-weight: 400;
margin-bottom: 0;
}
[data-module="event-calendar"] #event-filter-form .form-item.checkbox label.rne-checkbox {
order: 1;
}
[data-module="event-calendar"] .month-pagination {
display: flex;
align-items: center;
gap: 12px;
}
[data-module="event-calendar"] .month-pagination .btn {
padding: 0;
}
[data-module="event-calendar"] .month-pagination .current-month {
min-width: 140px;
text-align: center;
}
[data-module="event-calendar"] .month-pagination .month-nav {
position: relative;
display: flex;
align-items: center;
width: 32px;
height: 34px;
background-color: var(--background-secondary);
color: var(--text-primary);
border-radius: 4px;
}
[data-module="event-calendar"] .month-pagination .month-nav.disabled {
opacity: 0.5;
cursor: not-allowed;
}
[data-module="event-calendar"] .month-pagination .month-nav::after {
content: "";
display: block;
position: absolute;
top: 9px;
left: 6px;
width: 16px;
height: 16px;
background-image: url(//www.nachhaltigkeitsrat.de/wp-content/themes/rne/assets/images/arrow.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
[data-module="event-calendar"] .month-pagination .month-nav.prev-month::after {
transform: rotate(90deg);
}
[data-module="event-calendar"] .month-pagination .month-nav.next-month::after {
transform: rotate(-90deg);
left: 8px;
}
[data-module="event-calendar"] .form-buttons {
display: flex;
align-items: end;
justify-content: space-between;
}
[data-module="event-calendar"] .form-button-filters {
display: flex;
}
[data-module="event-calendar"] .suggest-event-link {
margin-left: auto;
}
[data-module="event-calendar"] .suggest-event-link {
margin-left: auto;
}
@media screen and (max-width: 1024px) {
[data-module="event-calendar"] #event-filter-form .general-search {
flex-direction: column;
align-items: start;
}
[data-module="event-calendar"] .event-date-reset {
margin-right: 0;
}
}
@media screen and (max-width: 768px) {
[data-module="event-calendar"] .event-list {
padding-bottom: 48px;
}
[data-module="event-calendar"] .form-row.event-filters .rne-select-trigger {
width: 100%;
max-width: 100%;
}
[data-module="event-calendar"] #event-filter-form .general-search {
gap: 16px;
}
[data-module="event-calendar"] #event-filter-form .form-row.event-filters {
width: 100%;
flex-direction: column;
gap: 16px;
}
[data-module="event-calendar"] #event-filter-form .internal-event-filter {
margin-bottom: 16px;
}
[data-module="event-calendar"] #event-filter-form .form-row.event-filters select.rne-select {
max-width: 100%;
}
[data-module="event-calendar"] .form-buttons:not(.bottom) .suggest-event-link {
display: none;
}
[data-module="event-calendar"] .form-buttons.bottom {
flex-wrap: wrap;
gap: 16px;
}
[data-module="event-calendar"] .event-date-reset {
margin-right: 0;
}
[data-module="event-calendar"] .month-pagination {
margin-left: auto;
}
[data-module="event-calendar"] .form-button-filters {
width: 100%;
}
[data-module="event-calendar"] .suggest-event-link {
width: 100%;
margin-top: 16px;
}
}
@media screen and (max-width: 600px) {
[data-module="event-calendar"] #event-filter-form .form-item,
[data-module="event-calendar"] #event-filter-form .form-row {
width: 100%;
}
[data-module="event-calendar"] #event-filter-form .form-item select.rne-select {
width: 100%;
max-width: 1000px;
}
}
@media screen and (max-width: 500px) {
[data-module="event-calendar"] .form-button-filters {
flex-direction: column;
gap: 16px;
}
[data-module="event-calendar"] .form-buttons.bottom {
flex-direction: column;
align-items: start;
}
[data-module="event-calendar"] .month-pagination {
width: 100%;
}
[data-module="event-calendar"] .month-pagination .current-month {
margin-left: auto;
margin-right: auto;
}
}
@media screen and (max-width: 360px) {
[data-module="event-calendar"] .internal-event-filter label {
font-size: 14px;
}
[data-module="event-calendar"] .internal-event-filter .rne-checkbox {
margin-top: 1px;
}
}[data-module="document"] .module-content .document {
max-width: var(--content-max-width);
}
[data-module="document"] .module-content {
overflow: hidden;
}
.plyr__progress input,
.plyr__volume input {
cursor: pointer;
}
.document {
overflow: hidden;
} .document-pdf-container {
position: relative;
display: inline-block;
width: 100%;
max-width: var(--content-max-width);
}
.document--pdf {
cursor: pointer;
display: flex;
background-color: var(--background-secondary);
transition: background-color var(--default-transition-duration) ease;
text-decoration: none;
}
body:not(.touch-device) .group:hover .document--pdf {
background-color: var(--accent-color);
}
.document--pdf .document-info {
display: flex;
flex: 1 auto;
flex-direction: column;
padding: 24px;
margin-bottom: 26px;
}
.document--pdf .document-excerpt {
margin-bottom: 32px;
}
.document-pdf-container .download-link {
margin-left: auto;
margin-top: auto;
text-decoration: none;
border-bottom: 1px solid transparent;
transition: border-color var(--default-transition-duration) ease;
position: absolute;
bottom: 24px;
right: 24px;
}
body:not(.touch-device) .document-pdf-container .download-link:hover,
body:not(.touch-device) .document-pdf-container .download-link:hover svg {
color: var(--text-primary);
fill: var(--text-primary);
border-color: var(--text-primary);
}
.plyr use {
color: white;
}
@media screen and (min-width: 769px) {
.document--pdf .aspect-ratio-box {
position: static;
padding-top: 0;
overflow: auto;
object-fit: cover;
}
.document--pdf .image-container {
margin-left: 0;
margin-right: 0;
max-width: 169px;
}
}
@media screen and (max-width: 768px) {
.document--pdf {
flex-direction: column;
}
.document--pdf .aspect-ratio-box {
padding-top: 35%;
}
}
@media screen and (max-width: 500px) {
.document--pdf .aspect-ratio-box {
padding-top: 70%;
}
} .document--audio .plyr use {
fill: var(--gray);
}
.document--audio .audio-meta {
padding: 24px;
background-color: var(--background-secondary);
}
.document--audio .audio-play {
display: flex;
}
.document--audio .image-container {
max-width: 104px;
margin-left: 0;
margin-right: 0;
}
.document--audio .aspect-ratio-box {
padding-top: 100%;
z-index: 10;
}
.document--audio .plyr {
flex: 1 auto;
}
.document--audio .plyr .plyr__controls {
position: relative;
height: 100%;
background-color: var(--background-secondary);
justify-content: start;
}
.document--audio .plyr__controls__item.plyr__time {
font-size: 0.875rem;
color: var(--gray);
}
.document--audio .plyr__controls__item.plyr__time--current {
margin-right: 0;
}
.document--audio .plyr .plyr__progress__container {
position: absolute;
width: calc(100% + 14px);
top: -7px;
left: -10px;
margin-right: 0;
}
.document--audio .plyr .plyr__progress {
left: 6px;
}
.document--audio .plyr__controls__item[data-plyr="rewind"] {
margin-left: auto;
}
.document--audio .plyr__controls__item[data-plyr="fast-forward"] {
margin-right: auto;
}
.document--audio .plyr .plyr__progress__buffer {
width: calc(100% + 7px);
background-color: rgba(199, 211, 0, 0.5);
border-radius: 0;
color: transparent;
}
.document--audio .plyr .plyr__progress input {
width: 100%;
margin-left: 0;
}
@media screen and (max-width:500px) {
.document--audio .image-container {
max-width: 80px;
}
.document--audio .plyr__control[data-plyr="rewind"],
.document--audio .plyr__control[data-plyr="fast-forward"],
.document--audio .plyr__control[data-plyr="settings"] {
display: none;
}
.document--audio .plyr__controls__item.plyr__volume {
margin-left: auto;
}
.document--audio .plyr__controls__item.plyr__control svg {
width: 12px;
height: 12px;
}
} .document--video .plyr__progress__container {
position: absolute;
left: 0;
top: 0;
width: 100%;
margin-left: 0;
padding-left: 0;
}
.document--video .plyr__controls {
padding-top: 24px;
}
.document--video .plyr__time {
color: var(--background-primary);
}
.document--video .plyr__time--duration {
margin-right: auto;
}
.document--video .plyr__control[data-plyr="play"] {
margin-right: 0;
}
.document--video .plyr__control[data-plyr="fast-forward"] {
margin-right: 0;
}
.document--video .video-meta {
background-color: var(--background-secondary);
padding: 24px;
}
@media screen and (max-width:768px) {
.document--video .plyr__controls {
justify-content: start;
}
.document--video .plyr__controls__item.plyr__volume {
margin-left: auto;
}
}
@media screen and (max-width:500px) {
.document--audio .plyr__controls__item.plyr__time {
font-size: 0.75rem;
}
.document--video .plyr__control[data-plyr="rewind"],
.document--video .plyr__control[data-plyr="fast-forward"] {
display: none;
}
}[data-module="carousel-documents"] .embla-documents {
--documents-slide-size: 33.3333%;
}
[data-module="carousel-documents"] .embla__slide {
display: flex;
box-sizing: border-box;
flex: 0 0 var(--documents-slide-size);
}
[data-module="carousel-documents"] .embla__slide:first-child {
padding-left: 0;
}
[data-module="carousel-documents"] .embla__slide a {
text-decoration: none;
}
[data-module="carousel-documents"] .embla__slide__inner {
height: 100%;
display: flex;
flex-direction: column;
flex: 1 auto;
background-color: var(--background-secondary);
box-sizing: border-box;
cursor: pointer;
}
[data-module="carousel-documents"] .document-content {
height: 100%;
min-height: 368px;
display: flex;
flex-direction: column;
flex: 1 auto;
padding: 24px 24px 50px;
box-sizing: border-box;
transition: background-color var(--default-transition-duration) ease;
}
body:not(.touch-device) [data-module="carousel-documents"] .embla__slide .embla__slide__inner:hover .document-content {
background-color: var(--accent-color);
}
[data-module="carousel-documents"] .document-excerpt {
margin-bottom: 16px;
}
[data-module="carousel-documents"] .rne-link {
display: flex;
margin-top: auto;
margin-left: auto;
color: var(--text-primary);
}
[data-module="carousel-documents"] .rne-link svg {
height: 24px;
width: 24px;
margin-right: 0;
margin-left: 16px;
}
[data-module="carousel-documents"] .badge-list svg {
height: 20px;
width: 20px;
}
[data-module="carousel-documents"] .embla__slide .download-link {
position: absolute;
bottom: 24px;
right: 24px;
border-bottom: 1px solid transparent;
transition: border-color var(--default-transition-duration) ease;
}
[data-module="carousel-documents"] .embla__slide .download-link.video,
[data-module="carousel-documents"] .embla__slide .download-link.video {
gap: 0
}
body:not(.touch-device) [data-module="carousel-documents"] .embla__slide .embla__slide__inner .download-link:hover {
border-color: var(--text-primary);
}
@media screen and (max-width: 1024px) {
[data-module="carousel-documents"] .embla__slide {
--documents-slide-size: 50%;
}
}
@media screen and (max-width: 768px) {
[data-module="carousel-documents"] .embla__slide {
--documents-slide-size: 75%;
}
}
@media screen and (max-width: 500px) {
[data-module="carousel-documents"] .embla__slide {
--documents-slide-size: 100%;
}
}[data-module="single-video"] .plyr,
[data-module="single-video"] .rcb-content-blocker {
max-width: var(--content-max-width);
}
[data-module="single-video"] .plyr__time {
color: var(--background-primary);
}
@media screen and (max-width: 500px) {
.plyr__controls__item[data-plyr="rewind"],
.plyr__controls__item[data-plyr="fast-forward"],
.plyr__controls__item.plyr__menu {
display: none;
}
}
@media screen and (max-width: 400px) {
.plyr__controls__item.plyr__volume [data-plyr="volume"] {
display: none;
}
}